Google Pay
Como configurar
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.
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 case 'show_fields':
4 this.handleShowFieldsAction(nextAction);
5 }
6});
- Adicione o componente
psdk-payment-formà marcação HTML da interface de pagamento para exibir campos adicionais.
Copy
- html
1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />
- Adicione a manipulação do evento para exibir um botão para pagar via Google Pay.
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 ...
4 case 'special_button': {
5 if (nextAction.data.buttonName === 'google-pay') {
6 showGoogleButton = true;
7 }
8 }
9 }
10});
- Adicione o componente do botão Google Pay à marcação HTML da interface de pagamento.
Copy
- html
1@if (showGoogleButton) {
2 <psdk-google-pay-button></psdk-google-pay-button>
3}
Pagamentos com um clique
O pagamento com um clique permite que os usuários paguem com a Google Pay, um método de pagamento nativo, familiar e seguro nos dispositivos suportados. Para configurar o pagamento com um clique, atualize o script de inicialização do SDK como exibido abaixo:
Copy
- typescript
1const config: InitialOptions = {
2 isWebview: false,
3 theme: 'default',
4 language: parameters.language,
5 isGooglePayInstantFlowEnabled: true
6};
7
8await headlessCheckout.init(config);
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.
