Бейджи Яндекс Пэй

Что такое бейджи

Бейджи Яндекс Пэй — небольшие элементы, но сразу добавляют ценности вашему предложению. Для лучшего результата размещайте бейджи в каталоге товаров.

Интерактивное демо

Посмотрите, какие бейджи имеются в арсенале Яндекс Пэй, и как внешний вид зависит от параметров.

Параметры бейджа

Параметр	Значение	Внешний вид
Тип бейджа
type	bnpl
type	cashback
Стоимость товара
amount	Строка
Merchant ID
merchantId/merchant-id	Ваш merchantId, полученный при регистрации в Яндекс Пэй
Размер бейджа
size	s
size	m
size	l
Тема бейджа
theme	light
theme	dark
Вариант отображения бейджа (при type="bnpl")
variant	simple
variant	detailed
Вариант отображения бейджа (при type="cashback")
variant	default
variant	compact
Цвет бейджа (при type="bnpl")
color	primary
color	green
color	grey
color	transparent
Цвет бейджа (при type="cashback")
color	primary
color	grey
color	transparent

Работа с бейджами

Подключение

Бейдж Сплита может не отображаться:

• для товаров с большой суммой;
• пользователям, которым недоступен Сплит.

Для подключения бейджей воспользуйтесь одним из способов:

<div>
    <yandex-pay-badge
        type="bnpl"
        amount="2000.00"
        size="l"
        variant="detailed"
        color="primary"
        merchant-id="a5f49c84-0baa-41e1-814f-6f99746a6987"
    />
</div>

YaPay.mountBadge(
    document.querySelector('<selector>'),
    {
        type: 'bnpl',
        amount: '2000.00',
        size: 'l',
        variant: 'detailed',
        color: 'primary',
        merchantId: 'a5f49c84-0baa-41e1-814f-6f99746a6987',
    }
)

Логика отображения бейджей

Бейджи автоматически рассчитывают и отображают сумму регулярного платежа на основании стоимости покупки и лимита Сплита клиента. При этом, если стоимость покупки значительно превысит лимит Сплита, то бейдж не отобразится.