Customization of checkout forms

The checkout page can be customized using the following parameters.

Field	Type	Requirement	Description	Format
customization.title	string	optional	Header Text — the text displayed on the checkout page.	Any text string.
customization.logoUrl	string	optional	URL of the logo image that will be displayed on the order page.	Absolute URL. (HTTPS is recommended.)
customization.logoHeight	string	optional	Logo height
customization.primaryColor	string	optional	Primary color for buttons, highlight elements, and interactive parts of the interface	Hexadecimal color in #RRGGBB format.
customization.bgColor	string	optional	Background color	Hexadecimal color in #RRGGBB format.
customization.spacing	string	optional	Controls the density of interface elements (indents, distance between components).	“sm” (compact) ‘md’ (medium indentation) “lg” (large indentation)
customization.radius	string	optional	The corner rounding radius for interface elements (buttons, input fields).	“none” (sharp corners) “sm” (slight rounding) “md” (moderate) “lg” (maximum)
customization.modalShadow	string	optional	Sets the size of the modal window shadow	'none', 'sm', 'md', 'lg'

Request example:

{
  "merchant_order_id": "{{ORDER_ID}}",
  "payment_amount": 3,
  "payment_currency": "EUR",
  "return_url": "https://display-parameters.com",
  "customization": {
    "title": "Мой магазин",
    "logoUrl": "https://martpay.net/wp-content/uploads/2021/04/logo-martpay-2.webp",
    "primaryColor": "#4f46e5",
    "spacing": "lg",
    "radius": "lg"
  }
}

Example:

Field options (with examples):

SpacingRadius