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

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

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

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

Примечание

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

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

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

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

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

Параметр Значение Внешний вид
Вид
appearance YPTheme.dark

appearance YPTheme.light

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).

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