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

Примечание

Вы находитесь в разделе, посвященном Web SDK. Если вы используете мобильные устройства, перейдите в соответствующий раздел.

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

Пример бейджа

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

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

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

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

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

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

Подключение

Важно

Перед началом работы подключите SDK.

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

  • для товаров с большой суммой;

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

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

<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',
    }
)

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

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

Примечание

Размер лимита Сплита может различаться в зависимости от типа и настроек браузера, типа операционной системы и устройства клиента.