Demo Google Pay langsung

Halaman ini berisi demo Google Pay aktif yang dapat Anda edit di JavaScript atau JSFiddle.

Contoh dasar

Berikut contoh dasar tombol Google Pay yang sedang digunakan. Lihat kode yang berdekatan untuk mengetahui contoh cara membuatnya.

Contoh pengubahan ukuran tombol

Berikut ini menunjukkan cara mengubah ukuran tombol Google Pay. Panggil createButton dengan properti buttonSizeMode yang ditetapkan ke fill, lalu tetapkan ukuran pada #container div.

Contoh Otorisasi Pembayaran

Berikut adalah contoh cara mengizinkan pembayaran sebelum memprosesnya.

Alasan Anda mungkin ingin mengizinkan pembayaran sebelum memprosesnya adalah untuk memberi pengguna kesempatan memilih metode pembayaran lain jika otorisasi gagal.

Anda dapat menangani permintaan otorisasi pembayaran dengan mengikuti petunjuk berikut:

  1. Mendaftarkan callback onPaymentAuthorized() di PaymentOptions.
  2. Panggil fungsi loadPaymentData() dengan intent callback PAYMENT_AUTHORIZATION.
  3. Terapkan pengendali callback onPaymentAuthorized().

Klik link Edit di JSFiddle untuk mengedit dan mencobanya sendiri.

Contoh Pembaruan Harga Dinamis

Dengan Pembaruan Harga Dinamis, Anda dapat menyesuaikan total harga secara dinamis untuk mencerminkan perubahan alamat pengiriman dan perubahan opsi pengiriman.

Gunakan langkah-langkah berikut untuk menyiapkan Pembaruan Harga Dinamis:

  1. Daftarkan callback onPaymentAuthorized dan onPaymentDataChanged di PaymentOptions.
  2. Panggil fungsi loadPaymentData() dengan maksud callback. Untuk mengetahui detailnya, lihat contoh yang sesuai.
  3. Terapkan onPaymentAuthorized dan onPaymentDataChanged.

Klik link Edit di JSFiddle untuk mengedit dan mencobanya sendiri.