Google Pay
Чтобы использовать Headless checkout для приема платежей с помощью Google Pay:
- Добавьте обработку события
show_fieldsдля отображения дополнительных полей.
Пример:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- Добавьте компонент
psdk-payment-formв HTML-разметку платежного интерфейса для отображения дополнительных полей.
Пример:
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Добавьте обработку события отображения кнопки оплаты Google Pay.
Пример:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- Добавьте компонент кнопки Google Pay в HTML-разметку платежного интерфейса.
Пример:
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.
