Demonstrații live Google Pay

Această pagină conține demonstrații Google Pay live pe care le puteți edita în JavaScript sau JSFiddle.

Exemplu de bază

Următorul exemplu prezintă un buton Google Pay în acțiune. Consultați codul alăturat pentru un exemplu despre cum este construit.

Exemplu de redimensionare a butonului

Următorul exemplu demonstrează cum puteți redimensiona butonul Google Pay. Apelați createButton cu proprietatea buttonSizeMode setată la fill , apoi setați o dimensiune pentru #container div .

Exemplu de autorizare a plăților

Următorul exemplu este cum puteți autoriza o plată înainte de procesarea acesteia.

Motivul pentru care ați putea dori să autorizați o plată înainte de procesarea acesteia este pentru a oferi utilizatorului posibilitatea de a alege o altă metodă de plată dacă autorizarea eșuează.

Puteți gestiona cererea de autorizare a plății urmând aceste instrucțiuni:

  1. Înregistrați o funcție de apel invers onPaymentAuthorized() în PaymentOptions .
  2. Apelați funcția loadPaymentData() cu intenția de apel invers PAYMENT_AUTHORIZATION .
  3. Implementează rutiera de apel invers onPaymentAuthorized() .

Faceți clic pe linkul Editare în JSFiddle pentru a edita și a încerca singur.

Exemplu de actualizare dinamică a prețurilor

Actualizările dinamice ale prețurilor vă permit să ajustați dinamic prețul total pentru a reflecta modificările adresei de livrare și modificările opțiunilor de livrare.

Urmați pașii următori pentru a configura Actualizările Dinamice ale Prețurilor:

  1. Înregistrați ambele apeluri inverse onPaymentAuthorized și onPaymentDataChanged în PaymentOptions .
  2. Apelați funcția loadPaymentData() cu intenții de apel invers. Pentru detalii, consultați exemplul corespunzător.
  3. Implementați onPaymentAuthorized și onPaymentDataChanged .

Faceți clic pe linkul Editare în JSFiddle pentru a edita și a încerca singur.