Google Pay
Para emplear el Headless checkout para aceptar pagos a través de Google Pay:
- Agregue el control del evento
show_fieldspara mostrar campos adicionales.
Ejemplo:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- Agregue el componente
psdk-payment-formal marcado HTML de la interfaz de pago para mostrar campos adicionales.
Ejemplo:
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Agregue el control del evento para mostrar un botón para pagar mediante Google Pay.
Ejemplo:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- Agregue el componente del botón de Google Pay al marcado HTML de la interfaz de pago.
Ejemplo:
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
¿Te ha resultado útil este artículo?
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.
