Параметры стилей

Параметр	Описание
widget	Секция общих настроек кастомизации виджета.
backgroundColor	HEX-код цвета фона.
buttonsColor	HEX-код цвета кнопок и типа фона виджета. Применяется к элементам кнопок виджета, если аналогичное CSS свойство не было передано для элементов `button.card`, `button.brands` и `button.pay`.
backgroundType	Тип фона виджета. Возможные значения: `0` или `none`- без вставки картинки; `1`- случайный фон; `2`- осколки; `4`- ромбы; `8`- овалы; `16`- треугольники.
backgroundCustomLeft	Вставка картинки в формате SVG размером не более 1 МБ как фона слева. Возможные значения: `none` - без вставки картинки; файл изображения в кодировке base64.
backgroundCustomRight	Вставка картинки в формате SVG размером не более 1 МБ как фона справа. Возможные значения: `none` - без вставки картинки; `{url of your svg image}` - путь размещения файла; файл изображения в кодировке base64.
CSS свойства	Дополнительные CSS свойства, которые вы можете задать при кастомизации.
header	Элемент хэдера виджета.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
shop	Название магазина. Как значение параметра используются URL или название магазина, установленные в личном кабинете системы.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
close	Элемент закрытия iFrame виджета.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
secureInfo	Элемент с текстом о безопасности оплаты. По умолчанию, содержит ссылку на сайт PSP. Для кастомизации текста на виджете, необходимо также добавить данный объект в секцию `footer`.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
text	Текст для отображения, который может содержать ссылку на сторонний ресурс. Например, `"text": "Безопасная оплата обеспечивается [кликабельный текст](url)"`.
price	Элемент отображения цены.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
description	Элемент описания платежа.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
button	Секция элементов кнопок оплаты картой, оплаты альтернативными способами, подтверждения оплаты и кнопки на странице результата оплаты.
borderRadius	Радиус границ кнопок. Применяется к элементам кнопок виджета, если аналогичное CSS свойство не было передано для элементов `button.card`, `button.brands` и `button.pay`.
backgroundColor	HEX-код цвета фона элемента. Применяется к элементам кнопок виджета, если аналогичное CSS свойство не было передано для элементов `button.card`, `button.brands` и `button.pay`.
card	Элемент кнопки оплаты картой.
borderRadius	Радиус границ кнопки.
backgroundColor	HEX-код цвета фона элемента.
text	Текст надписи на кнопке оплаты картой. Используйте плейсхолдер `{amount}`, чтобы показывать сумму к оплате на кнопке.
CSS свойства	Дополнительные CSS свойства, которые вы можете задать при кастомизации.
brands	Элемент кнопки оплаты альтернативными способами.
borderRadius	Радиус границ кнопок.
backgroundColor	HEX-код цвета фона элемента.
text	Текст надписи на кнопках оплаты альтернативными способами. Используйте плейсхолдер `{amount}`, чтобы показывать сумму к оплате на кнопке.
CSS свойства	Дополнительные CSS свойства, которые вы можете задать при кастомизации.
pay	Элемент кнопки подтверждения оплаты и кнопки на странице результата оплаты.
borderRadius	Радиус границ кнопки.
backgroundColor	HEX-код цвета фона элемента.
text	Текст надписи на кнопке оплаты. Используйте плейсхолдер `{amount}`, чтобы показывать сумму к оплате на кнопке.
CSS свойства	Дополнительные CSS свойства, которые вы можете задать при кастомизации.
receipt	Элемент кнопки для скачивания чека.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
inputs	Элементы полей ввода данных для оплаты картой или альтернативными способами оплаты.
backgroundColor	HEX-код цвета фона элемента.
holder	Элемент поля для ввода имени держателя карты.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
backgroundColor	HEX-код цвета фона элемента.
cvc	Элемент поля для ввода CVC.
type	Возможное значение: `password`. Если отправлено, введенное значение CVC будет маскировано.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
backgroundColor	HEX-код цвета фона элемента.
cardFace	Элемент фона карты.
backgroundColor	HEX-код цвета фона элемента.
backgroundImage	Картинка в формате SVG, PNG или JPG размером не более 1 МБ для фона карты в кодировке base64.
backgroundPosition	Позиционирование картинки для фона карты. Возможные значения: `top`; `bottom`; `left`; `right`; `center`; строка значений в процентах, например `25% 75%`; строка значений отрезков, например `1cm 2cm`.
backgroundSize	Размер картинки для фона карты. Возможные значения: `cover`; `contain`; строка значений ширины и высоты картинки, например `50% auto`.
backgroundRepeat	Повторение картинки (замощение) для фона карты. Возможные значения: `repeat-x`; `repeat-y`; `repeat`; `space`; `round`; `no-repeat`.
footer	Элемент футера виджета.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
logo	Элемент логотипа поставщика платежных услуг.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
additional_logos	Массив, состоящий из одной или более строк. Каждая строка представляет собой файл логотипа торговца в кодировке base64. Логотипы отображаются слева направо после логотипа PSP. Количество строк массива не ограничено.
secureInfo	Элемент с текстом о безопасности оплаты. По умолчанию, содержит ссылку на сайт PSP. Для кастомизации текста на платежной странице, необходимо также добавить данный объект в секцию `header`.
display	Опция отображения элемента. Возможное значение: `none` – не отображать элемент. По умолчанию, если `"display": "none"` не передано, то элемент отображается.
margin	Отступы по сторонам элемента. Указываются как строка со значениями в формате `{margin-top} {margin-right} {margin-bottom} {margin-left}`.
text	Текст для отображения, который может содержать ссылку на сторонний ресурс. Например, `"text": "Безопасная оплата обеспечивается [кликабельный текст](url)"`.