Memperkenalkan tampilan tombol Google Pay yang baru di Android

MEI 09, 2023
Jose Ugia Developer Relations Engineer

Tombol Google Pay adalah pintu masuk pengguna untuk melakukan pembayaran yang cepat dan mudah dengan Google Pay. Berikut adalah beberapa update yang kami hadirkan pada tombol ini untuk memudahkan Anda menggunakan dan menyesuaikannya berdasarkan desain checkout Anda, sekaligus menciptakan pengalaman yang lebih konsisten dan informatif untuk membantu pengguna melewati alur checkout dengan lebih mudah.

Tampilan baru dan kemampuan kustomisasi yang disempurnakan

Sebelumnya, Anda memberi tahu kami tentang pentingnya pengalaman checkout yang konsisten untuk bisnis Anda. Kami memberikan tampilan baru yang segar pada tombol Google Pay, dengan menerapkan prinsip desain Material 3 terbaru. Tombol Google Pay yang baru hadir dalam dua versi yang membuatnya terlihat bagus pada aplikasi bertema gelap maupun terang. Kami juga menambahkan sentuhan halus yang membuat tombol ini menonjol pada antarmuka dengan kontras rendah. Selain itu, kami memperkenalkan kemampuan kustomisasi baru yang memudahkan Anda menyesuaikan bentuk tombol dan kebulatan sudut, serta membantu Anda menciptakan pengalaman checkout yang lebih konsisten.

Introducing2
Gambar 1: Tampilan tombol Google Pay baru untuk Android dapat disesuaikan agar lebih konsisten dengan pengalaman checkout Anda.

Tampilan tombol baru untuk Android

Kami juga menyempurnakan Google Pay API untuk Android dengan memperkenalkan tampilan tombol baru untuk memudahkan integrasi. Kini, Anda bisa mengonfigurasi tombol Google Pay secara lebih mudah dan menambahkannya langsung ke tata letak XML. Anda juga dapat mengonfigurasi tombol secara terprogram jika mau. Tampilan ini memungkinkan Anda mengonfigurasi properti seperti tema tombol serta radius sudut, dan menyertakan grafik serta terjemahan sehingga Anda tidak perlu mendownload dan mengonfigurasinya secara manual. Cukup tambahkan tampilan ke antarmuka Anda, sesuaikan, dan selesai.

API tombol baru sekarang tersedia dalam versi beta. Lihat tutorial yang telah diperbarui untuk Android untuk mulai menggunakan tampilan tombol baru.

A New Button View
Gambar 2: Contoh implementasi cara menambahkan dan mengonfigurasi tampilan tombol baru secara langsung ke tata letak XML di Android.

Memberikan konteks tambahan kepada pengguna dengan 4 digit terakhir kartu

Sebelumnya, kami memperkenalkan tombol Google Pay dinamis untuk Web, yang menampilkan pratinjau jaringan dan empat digit terakhir kartu yang digunakan terakhir kali oleh pengguna untuk membayar secara langsung pada tombol tersebut. Sejak saat itu, kami melihat hasil yang luar biasa, konteks tambahan ini mendorong peningkatan konversi dan jumlah transaksi hingga 40%.

Di akhir kuartal ini, Anda bisa mengonfigurasi tampilan tombol baru untuk Android agar dapat menampilkan informasi tambahan kepada pengguna tentang kartu terakhir yang mereka gunakan untuk menyelesaikan pembayaran dengan Google Pay. Kami juga bekerja untuk menawarkan tombol Google Pay sebagai elemen UI di Jetpack Compose, untuk membantu Anda membangun UI dengan lebih cepat menggunakan API Kotlin yang intuitif.

dynamicButton
Gambar 3: Contoh tampilan versi dinamis tampilan tombol Google Pay baru di Android.

Langkah berikutnya

Lihat dokumentasi untuk mulai menggunakan tampilan tombol Google Pay yang baru di Android. Selain itu, lihat juga integrasi tombol kami dalam contoh aplikasi open source di GitHub.