Кнопки оплаты Яндекс Пэй
Что такое кнопка оплаты
Кнопка оплаты Яндекс Пэй позволяет пользователю совершить оплату на вашем сайте в один клик.
Вид кнопки зависит от доступных для использования методов оплаты, которые указаны в объекте класса 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).