> For the complete documentation index, see [llms.txt](https://docs.doku.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.doku.com/accept-payments/integration-tools/doku-checkout/customize-checkout-page.md).
# Customize Checkout Page
You can customize your checkout experience to create a seamless payment journey that reflects your brand and meets your business needs. With these customization options, you can:
1. [Sort Payment Methods](#sort-payment-methods) — Arrange the order of all active payment methods.
2. [Show/Hide Payment Methods](#control-payment-methods-via-api) –– Set the payment method based on your preferences channel
3. [Customize Interface](#customize-interface) — Personalize the checkout interface to provide a consistent experience aligned with your brand.
4. [Set Up Expiry Time](#set-up-expiry-time) — Define how long a payment session remains valid before it expires.
5. [Set Last Used Payment Method](#last-used-payment-channel) — Display or prioritize the customer's previously used payment method/channel to make repeat payments faster and more convenient.
6. [Collect Customer Information](#collect-customer-information) — Configure the customer information you want to collect during the checkout process to support order processing, communication, and other business needs.
7. [Tokenization](#tokenization) –– Securely save a customer's card after their first payment to allow faster checkout for returning customers.
8. [Google Pay™](#google-pay-tm) –– Activate Google Pay as a payment option to let customers pay using cards or accounts saved to their Google Account.
9. [Track Campaign Source on Google Analytics](#track-campaign-source-on-google-analytics) – Attribute checkout transactions to a specific marketing campaign to see which channels actually drive completed payments.
10. [Set Credit Card Installment Options](#set-credit-card-installment-options) –– Choose which installment tenors are shown at checkout to control the payment plans offered to customers.
11. [Set Redirection Page](#set-redirect-page) –– Set a custom page for customers to land on after payment, such as a thank-you page, app, or order tracking page.
***
## Sort Payment Methods
You can sort and show/hide payment methods you have activated for your Business Account on your checkout page by following the steps below:
1. Log in to [DOKU Dashboard](https://dashboard.doku.com/bo/login?utm_source=docs), and then access the side navigation bar
2. Select **Settings** from the menu
3. **Settings** page will appear. Under **Accept Payments** section, select **Checkout Appearance**
4. **Checkout Page Configuration** page will appear, then click **Payment Method Settings** tab where you can sort the payment methods by dragging the payment method to the desired order, and show/hide the payment methods by ticking or unticking the payment method
5. Click **Save** to save your configuration
***
## Show/Hide Payment Methods
In addition to setting your payment methods from the Dashboard, you can also control which payment methods appear on a per-transaction basis through your checkout integration. This gives you more flexibility without needing to create multiple DOKU accounts for different use cases.
This is useful when you want to:
* **Control appearance and branding** — show only specific payment methods for a particular product line or storefront
* **Offer targeted payment options** — for example, showing faster payment options for high-value orders, or displaying certain local payment methods only to certain customer segments
{% hint style="info" %}
This feature is configured as part of your DOKU Checkout integration on a per-transaction basis and does not require any additional setup in the DOKU Dashboard. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## Customize Interface
You can further customize the interface/appearance of your checkout page by following the steps below:
1. Log in to [DOKU Dashboard](https://dashboard.doku.com/bo/login?utm_source=docs), and then access the side navigation bar
2. Select **Settings** from the menu
3. **Settings** page will appear. Under **Accept Payments** section, select **Checkout Appearance**
4. **Checkout Page Configuration** page will appear, then click **Interface Settings** tab where you will find several options for customizing the look and feel of your checkout page, including the ability to add/change your logo and change the background color that fits your brand
5. Click **Save** to save your configuration
***
## Set Up Expiry Time
You can set up the default expiry time of your checkout page by following the steps below:
1. Log in to [DOKU Dashboard](https://dashboard.doku.com/bo/login?utm_source=docs), and then access the side navigation bar
2. Select **Settings** from the menu
3. **Settings** page will appear. Under **Accept Payments** section, select **Checkout Appearance**
4. **Checkout Page Configuration** page will appear, then click **Expired Settings** tab where you can fill the default expiry time of your checkout page by hours and/or minutes in the **Due Date** field
5. Click **Save** to save your configuration
{% hint style="info" %}
This feature can be configured as part of your DOKU Checkout integration on a per-transaction basis instead of a an account basis. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## Set Last Used Payment Method
You can configure DOKU Checkout to automatically move the customer's most recently used payment method/channel to the top of the payment page. This makes it easier for returning customers to find their preferred payment method and complete their next purchase faster. You can activate this feature by following the steps below:
1. Log in to DOKU Dashboard, and then access the **side navigation bar**
2. Select **Settings** from the menu
3. **Settings** page will appear. Under **Accept Payments** section, select **Checkout Appearance**
4. **Checkout Page Configuration** page will appear, then locate the **Last Used Payment Channel** toggle button
5. Turn on the toggle to activate the feature.
***
## Collect Customer Information
You can configure DOKU Checkout to collect customer information directly during the payment flow. This feature is useful for merchants selling physical goods that require a shipping address, as well as businesses that need to follow up with customers after checkout via phone or email. The following information can be collected:
* **Name**
* **Email**
* **Phone Number**
* **Address**
{% hint style="info" %}
This feature is configured as part of your DOKU Checkout integration on a per-transaction basis and does not require any additional setup in the DOKU Dashboard. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## Tokenization
For Credit Card transactions, re-entering full card details every time can be a drop-off point. With tokenization, DOKU securely stores a customer's card the first time they pay, and gives you a token tied to that customer. On their next purchase, the customer only needs to enter their CVV, without re-entering the card number, expiry date, or other details.
This feature is best suited for merchants with subscription models, memberships, or any repeat-purchase business.
{% hint style="info" %}
This feature is configured as part of your DOKU Checkout integration on a per-transaction basis and does not require any additional setup in the DOKU Dashboard. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## Google Pay™
DOKU Checkout supports Google Pay™ as a payment option, letting customers pay using the cards or accounts already saved to their Google Account. This means fewer fields to fill in at checkout, and typically higher conversion, especially on mobile.
DOKU manages the full Google Pay integration on your behalf, including production access and compliance with Google's requirements, so no development work is needed from your side beyond activation.\
\
You can activate this feature by following the steps below:
1. Log in to[ DOKU Dashboard](https://dashboard.doku.com/bo/dashboard), and then access the **side navigation bar**
2. Navigate to **Settings > Service**
3. Click **Add Service**, then **enable** **Cards and/or DANA** as a payment method (this is a prerequisite for Google Pay)
4. Once **Cards** or **DANA** is active, go back to **Add Service**, and under **Financial Services** > **Others**, enable **Google Pay**
5. Once activated, Google Pay will automatically appear on your Checkout Page for eligible customers.
***
## Track Campaign Source on Google Analytics
DOKU Checkout lets you attribute checkout transactions back to a specific campaign, source, and medium in your Google Analytics account. This is useful if you run marketing campaigns across multiple channels, since it shows which one actually drives a completed payment, not just a click.
With this, you can:
* Identify which campaigns drive actual conversions, not just traffic
* Compare performance across channels (e.g., Instagram Ads vs. Email vs. Google Search)
* Refine your marketing spend based on real transaction data
***
## Set Credit Card Installment Options
{% hint style="info" %}
Availability: 🇮🇩 Indonesian Business Account only
{% endhint %}
You can control which installment tenors (e.g., 3, 6, or 12 months) are shown to your customer at checkout, even if your card acquirer supports more tenor options than you want to offer. This is useful if you want to promote specific tenors as part of a promotion, or simplify the options shown to avoid overwhelming your customer.
{% hint style="info" %}
This feature is configured as part of your DOKU Checkout integration on a per-transaction basis and does not require any additional setup in the DOKU Dashboard. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## Set Redirect Page
By default, customers land on DOKU's standard confirmation page after completing a payment. If you'd rather bring them back to your own website, for example a custom "Thank You" page, an order tracking page, or your app, you can set a custom redirect URL for each transaction.
{% hint style="info" %}
This feature is configured as part of your DOKU Checkout integration on a per-transaction basis and does not require any additional setup in the DOKU Dashboard. Check DOKU Checkout integration guide [here](https://developers.doku.com/accept-payment/doku-checkout).
{% endhint %}
***
## FAQ
How to change the merchant name shown on my DOKU Checkout page?
The business/brand name on your Checkout Page is based on the brand name that you registered. You can update your brand name by following the guide on [Update Business Data](/get-started/manage-business/update-business-data.md).
Please note that changing your business/brand name is subject to approval by our Risk Screening team.
Why is my payment method missing on the checkout page?
A payment method may not appear on the checkout page if:
* It has not been activated for your account, or
* Its status is still inactive.
Please refer to the activation guide on [Manage Payment Methods](/get-started/manage-business/manage-payment-methods.md) to check and confirm whether your payment method is active.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.doku.com/accept-payments/integration-tools/doku-checkout/customize-checkout-page.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.