Кнопки оплаты Яндекс Пэй

Что такое кнопка оплаты

Кнопка оплаты Яндекс Пэй позволяет пользователю совершить оплату на вашем сайте в один клик. Вид кнопки зависит от доступных для использования методов оплаты, которые указаны в объекте класса SessionListenerArgs в поле selectedPaymentMethods при подключении кнопки:

Примечание

Переданные методы оплаты должны быть доступны и на бэкенде.

  • доступна полная оплата и Сплит:

  • доступен только Сплит:

Для кнопки можно настроить внешний вид и поведение.

Параметры кнопки

Параметр Значение Внешний вид
Вид
colorScheme YPayButtonColorScheme.WHITE
colorScheme YPayButtonColorScheme.DARK
colorScheme YPayButtonColorScheme.SYSTEM Тёмная тема



Светлая тема

Обводка
hasOutlineBorder false
hasOutlineBorder true
Размер
width >260pt

width 259-220pt

width 219-160pt

width 159-100pt
Скругление углов
cornerRadius 0dp
cornerRadius 16dp
cornerRadius 100dp

Работа с кнопкой

Примечание

Перед настройкой кнопки оплаты, вам нужно подключить SDK.

Разместите кнопку в вашей верстке:


<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <com.yandex.pay.YPayButton
            android:id="@+id/y_pay_button"
            android:layout_width="300dp"
            android:layout_height="54dp"
            android:layout_marginTop="4dp"
            app:ypay_color_scheme="by_theme"
            app:ypay_corner_radius="4dp" />

При создании кнопки можно передать значения атрибутов:

  • ypay_color_scheme — позволяет определить цветовую гамму кнопки. Возможные значения:

    • by_theme — цветовая гамма адаптируется в зависимости от темы в системе;
    • light — всегда светлая цветовая гамма;
    • dark — всегда темная цветовая гамма.
  • ypay_corner_radius — позволяет определить закругление кнопки, значение передается в dp.

Как использовать кнопку при оплате описано здесь.