Google Pay
Para usar a Headless checkout para aceitar pagamentos via Google Pay:
- Adicione a manipulação do evento
show_fieldspara a exibição de campos adicionais.
Exemplo:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- Adicione o componente
psdk-payment-formà marcação HTML da interface de pagamento para exibir campos adicionais.
Exemplo:
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Adicione a manipulação do evento para exibir um botão para pagar via Google Pay.
Exemplo:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- Adicione o componente do botão Google Pay à marcação HTML da interface de pagamento.
Exemplo:
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
Este artigo foi útil?
Obrigado pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.
