• 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

Header customization

The payment pages header is compatible with any type of device (cell phones, tablets, desktop computers...) transparently for the buyer depending on the following principle:

  • automatic and systematic shrinking of the banner to adapt to the page width when the banner width is greater than the screen width (keeping the proportions)
  • on the other hand, if the banner width is less than the screen width, no automatic resizing
  • the banner is automatically hidden on small screens

To customize it:

  1. Select a Type from the list:
    • None
      Payment pages will be displayed without any header.
    • Default banner
      Payment pages will contain a header that displays the name of the payment gateway.
    • Custom image
      Payment pages will contain a custom header.
    The header can be customized with two types of images:
    • Image
      A single image aligned to the left top corner of the header.
    • Repeated images
      Several repeated images filling the whole width of the header.
    To customize these images and their position:
  2. Click on the Import button (Image and/or Repeated image).
    The Import a new image dialog box appears.
  3. Click on Select a file to search for the image that you wish to import.
  4. Select the desired image.
    • The size of the image file must not exceed 1 Mb.
    • The supported formats are jpeg, gif, png, bmp, pgm and tiff.
  5. Click on Import.
    The image is now displayed in the dialog box Import an image.
  6. Select the image that you wish to add to the header of payment pages.
  7. Click on Select.
    To customize the image vertical position:
    1. Move the slider of the Vertical position setting to obtain a desired position.
  8. Check the Display on small screen box if you want to force the banner to be displayed on mobile devices.
  9. Click on Save to save your customization.
© 2025 {'|'} All rights reserved to Systempaylegal
25.18-1.11