Skip to main content
You can configure the default Waffo cashier style in the Merchant Portal without code changes. After you save and publish the configuration, newly created orders use the latest style.
API parameters still have higher priority than Portal configuration. If the order creation request includes paymentInfo.cashierAppearance, that order uses the style passed in the API request.

​
Open the configuration page

1

Log in to Merchant Portal

Log in with an account that has the required permissions.
2

Open cashier customization

Go to Checkout → Cashier Customization.
3

Update settings

Use the left configuration panel to update the Logo, theme colors, base font size, and corner radius.
4

Preview the cashier

Use the preview area on the right side to check the cashier display.
Cashier customization page overview
Upload the cashier Logo on the Features page.
Logo upload area
Replace and delete controls after a Logo is uploaded
Logo configuration guidance

​
Set cashier style

Configure the cashier theme on the Style page. You can apply a preset theme or customize colors and style parameters based on your brand guidelines.
Style page theme configuration

​
Color fields

​
Style parameters

​
Set the payment method ranking scope

In Cashier Ranking, use Rank payment methods by country to control the payment method ranking scope. By default, the system ranks payment methods based on their popularity in each country or region. After you customize the order on this page, click Save & Publish to apply the new ranking.
Cashier Ranking with Rank payment methods by country enabled, the IDN selector, and multiple payment methods

When the switch is on, the country or region selector is available; this example selects IDN.

Turning off the switch does not disable payment method ranking. It replaces separate country or region rankings with one shared ranking.
To change the ranking scope:
1

Select a product type

Select the product type that you want to configure at the top of the page.
2

Select the ranking scope

When the switch is on, select a country or region and update the payment method order for that scope. To use a shared ranking, turn off the switch and click Turn off in the confirmation dialog.
3

Save and publish

Check the preview on the right, then click Save & Publish.
The setting is saved separately for each product type. A SubMID that uses the MID configuration inherits the MID switch and ranking. A separately configured SubMID can save its own setting.
If the shared ranking contains more payment methods than the limit shown on the page, the live cashier continues to group payment methods by country or region. Keep country or region ranking enabled, or reduce the number of payment methods to display.

​
Move a payment method out of a group

In Cashier Ranking, you can move a supported payment method from its original group to the top-level ranking area so that it appears as a separate item.
Cashier Ranking with the eWallet group expanded, top-level payment methods, and drag handles on the right

The eWallet group is expanded. DANA and other items are inside it, while Akulaku and QRIS are at the top level. Use each row's handle on the right to move a payment method.

1

Expand the payment method group

Expand the group that contains the payment method.
2

Drag the payment method to the top level

Use the drag handle on the right side of the payment method to move it to the target position in the top-level list.
3

Verify the separate item

Confirm that the payment method shows Pulled out and identifies its original group with From. Reorder it in the top-level list as needed.
4

Save and publish

Check the preview on the right, then click Save & Publish.
To undo the change, drag the separate item back to its original payment type group heading. If the original group has no other payment methods, drag the item to the empty group row. Dropping the item on a different payment type group changes only its top-level order. It does not add the item to that group.
The combined credit and debit card group does not support moving an individual payment method out of the group.
The ranking is saved for the current MID or SubMID, product type, and ranking scope. After you save and publish, newly created orders use the latest ranking.

​
Preview the result

As you update settings, the preview area on the right side shows the cashier result in real time. You can switch the country or region to check the display for different currencies, languages, and payment methods.
Preview result for different countries or regions
Some style fields may not appear immediately in the current preview. This usually does not mean the configuration failed. Cashier page structure can vary by country, region, or product type. If the current preview page does not contain the affected element, the style change will not be visible. Switch to another country, region, or product type to continue checking.

​
Configure sub-merchant styles

If your account has sub-merchants (SubMIDs), the main merchant (MID) configuration applies to all sub-merchants by default.
Sub-merchant list after unified configuration is disabled
To configure a separate style for a sub-merchant:
1

Disable unified configuration

Turn off Apply MID config to all SubMIDs.
2

Edit a sub-merchant

Click Edit in the sub-merchant list.
3

Configure the style

Configure Features and Style in the same way as the main merchant.
4

Save the configuration

After saving, the sub-merchant status is shown as Customized.
Configuring one sub-merchant does not affect other sub-merchants.
Sub-merchant independent configuration page
To restore a sub-merchant to the main merchant configuration, click Reset in the sub-merchant list and confirm.
Reset a sub-merchant configuration
If you enable unified configuration again, existing sub-merchant custom styles are cleared and all sub-merchants use the main merchant configuration again.
Confirmation before enabling unified configuration again

​
Save and publish

Changes on the page apply only to the current preview. They are not automatically applied to real orders. After you click Save & Publish:
  1. The current configuration is saved.
  2. Newly created orders use the latest configuration.
If you update settings but do not click Save & Publish, real orders continue to use the last saved configuration.
Save and Publish button

​
Permissions