The Xendit-hosted checkout page supports customization to make it more personalized for your business. You can easily set this up through the Xendit Dashboard.
Customize appearance
You can adjust the appearance of the hosted page to match your business's branding by customizing the colors. Navigate to: Xendit Dashboard > Settings > Checkout > Customize Appearance.
The changes will automatically apply to all Payment Links created, ensuring a consistent and branded customer experience.
.png?sv=2022-11-02&spr=https&st=2025-06-28T05%3A47%3A07Z&se=2025-06-28T05%3A58%3A07Z&sr=c&sp=r&sig=zljXJr9T7pfePLKDu71U7Zpr%2FjcZYj3kzEs3FoCsLTU%3D "image(91).png")
Setting | Details |
|---|---|
Preview | See how the UI looks on different devices (desktop and mobile). |
Background Color | Choose an RGB color that reflects your brand's identity. |
Buttons & Accents | Adjust button colors and other accent elements to enhance the aesthetic of the checkout. |
Time Format | Select between 12-hour or 24-hour formats for time display. |
Payment settings
You can customize the Xendit-hosted page at the payment settings level. This allows you to:
Choose which payment channels to display
Set the default language and currency
Define the default duration for payment links
To configure these settings, go to Xendit Dashboard > Settings > Checkout > Payment Settings. Once set, these preferences will apply to all Payment Links unless specific settings are defined during their creation.
.png?sv=2022-11-02&spr=https&st=2025-06-28T05%3A47%3A07Z&se=2025-06-28T05%3A58%3A07Z&sr=c&sp=r&sig=zljXJr9T7pfePLKDu71U7Zpr%2FjcZYj3kzEs3FoCsLTU%3D "image(92).png")