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

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

Кнопка оплаты Яндекс Пэй позволяет пользователю совершить оплату на вашем сайте в один клик.

Вид кнопки зависит от доступных для использования методов оплаты, которые указаны в объекте класса YPButtonModel в поле preferredPaymentMethods при подключении кнопки:

Примечание

Переданные методы оплаты должны быть доступны и в настройках вашего магазина.

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

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

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

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

Параметр Значение Внешний вид
Вид
appearance YPTheme.light
appearance YPTheme.dark
appearance YPTheme.system Светлая тема


Тёмная тема

Обводка
cornerRadius false
cornerRadius true
Размер
width >260pt
width 259-220pt
width 219-160pt
width 159-100pt
Скругление углов
cornerRadius 0pt
cornerRadius 16pt
cornerRadius 100pt

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

Примечание

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

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

import SwiftUI
import YandexPaySDK

struct PayWithURLView: View {
  @ObservedObject var viewModel: PayWithURLViewModel

  var body: some View {
    VStack {
      YandexPaySDKApi.instance.createButton(
        model: YPButtonModel(
          amount: 1000,
          preferredPaymentMethods: [.card, .split],
          appearance: .system,
          cornerRadius: 16,
          isBordered: true
        ),
        paymentDataProvider: viewModel,
        presentationContextProvider: viewModel,
        delegate: viewModel
      )
    }
    .padding(.horizontal, 16)
  }
}

Как использовать оплату Яндекс Пэй, см. в разделе Подключение.

Демо-проект: кнопка Яндекс Пэй с вызовом формы оплаты при ее нажатии (PaymentURLViewController).

Предыдущая
Следующая