Payments UI customisation

You can customise your payments authorisation flow in Console.

The Payments UI Customisation page in Console contains options to change the appearance of your payment authorisation flow. These apply to the hosted payment page, embedded payment page, or payment links.

📘

More EPP options

Go to the EPP Demo page for more customisation and testing options for the embedded payment page.

A preview of the user flow displays in the window to the right. Use this to check your UI updates before you click Save in the top left to save your changes.

In the bar at the top edge of the preview window, you can:

  • Switch between a desktop, portrait mobile, and landscape mobile preview.
  • Switch between a preview of the Provider selection, Review payment, Loader, and No search result screens.
  • Zoom in and out of the preview.

Input text into the preview search bar to demo provider search, including the response when no providers are found.

This table contains all of the UI elements you can customise in Console.

UI customisation optionDescription
Your app nameThe name of your app. This displays at the bottom of the provider selection screen and on the payment review screen.

If Your app name is the same as your payee account name, the two are merged and display as one on the payment review screen.
LogoThe logo that displays for your app next to Your app name.

To change the colour of elements on your payment authorisation screen, use hash parameters in your HPP link.