Payments UI customisation

The Product UI > General Settings tab in Console contains options to change the appearance of your payment authorisation flow.

Click Save settings to save your choices. These settings will be applied across all product UIs connected to this Console application.

UI customisation option	Description
Your app name	The 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.
Logo	The logo that displays for your app next to Your app name. Upload your image as a PNG, and make sure that it is a square between 100x100 and 1500x1500 px. We also recommend using a coloured background.

UI customisation option

Description

Your app name

The 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.

Logo

The logo that displays for your app next to Your app name.

Upload your image as a PNG, and make sure that it is a square between 100x100 and 1500x1500 px. We also recommend using a coloured background.

Further UI customisation

Some TrueLayer UIs support additional customisation. For example, you can use hash parameters in your HPP link you can customise the colour of elements in the HPP.

See our payment user interface documentation to find the available customisation options for your chosen UI.