• France
status page
Merchant Back Office
assistance
FAQContact support
Search
Categories
Tags
English
French
English
Homepage
Use cases
Create a payment
Create an installment payment
Create a multi-card (split) payment
Create a payment by Alias (Token)
Create a payment link
Create a recurring payment
Manage subscriptions
Manage your transactions (refund, cancel...)
Analyze your reports
API docs
Embedded Form
REST API
Hosted payment
Mobile payment
File exchange
Logos
Push mail
Snippets
Payment methods
Plugins
Guides
Merchant Back Office
Functional guides

Colors customization

The colors of different areas of payment pages can be customized.

The color can be changed for the following elements:

  • Background
    Corresponds to the background.
  • Header and summary
    Corresponds to the payment page header.
  • Amount and buttons
    Corresponds to the transaction amount and the Validatebutton.
  • Payment zone
    Corresponds to the contextual area of the payment page (e.g. the selection, the entry of the payment method details, etc.).
  • Language selector
    Corresponds to the display language box.

Note:

Depending on the pages (refer to the drop-down list in the Preview options group), some of the changes may apply in a more extensive manner. Please verify any changes for each customized color in all payment pages, in particular for the installment (installments table) and split payment pages (partial payments made table).

  1. Display the Colors group to view all the available colors.
    Figure 1. Colors
  2. Click on the drop down arrow of the area that you wish to modify.
    The areas affected by this customization are indicated by a red box.
  3. Select the color. To do this, you can either:
    • click on a color,
    • enter a color code.
  4. Click on Save to validate your customization.
© 2025 {'|'} All rights reserved to Systempaylegal
25.18-1.11