Panduan ini dimaksudkan untuk membantu Anda menerapkan Google Wallet API dalam aplikasi atau situs Anda.
Tombol Simpan ke Google Pay
Tombol Simpan ke Google Pay harus memanggil salah satu alur Google Pay API for Passes. Alur ini menampilkan layar tempat pengguna dapat menyimpan boarding pass, tiket acara atau transportasi umum, kartu loyalitas, kartu voucher, dan penawaran ke perangkat Android mereka. Tombol ini dapat digunakan di aplikasi, situs, email, atau SMS penjual.
Aset
Tombol Simpan ke Google Pay tersedia sebagai file EPS dan SVG.
Download aset - EPS Download aset - SVG
Semua tombol Simpan ke Google Pay yang ditampilkan di situs, aplikasi, atau komunikasi email Anda harus mematuhi pedoman merek kami, yang dijelaskan di halaman ini. Tindakan tersebut mencakup, tetapi tidak terbatas pada, hal-hal berikut:
- Ukuran relatif terhadap tombol atau elemen serupa lainnya di halaman
- Kontras dengan warna latar belakang area di sekitarnya
- Ruang kosong
Tombol Simpan ke Google Pay tersedia dalam bahasa berikut: Arab, Kroasia, Ceko, Denmark, Belanda, Inggris, Finlandia, Prancis, Jerman, Indonesia, Italia, Jepang, Korea, Norwegia (Bokmal), Polandia, Portugis, Rusia, China Aksara Sederhana, Slovakia, Spanyol, Swedia, Thai, China Aksara Tradisional, dan Ukraina.
Ukuran
Sesuaikan tinggi dan lebar tombol Simpan ke Google Pay agar sesuai dengan tata letak Anda. Jika ada tombol lain di halaman, tombol Simpan ke Google Pay harus berukuran sama atau lebih besar dari tombol tersebut. Jangan membuat tombol Simpan ke Google Pay lebih kecil dari tombol lainnya.
Gaya
Tombol Simpan ke Google Pay tersedia dalam tiga variasi: hitam, putih, dan putih dengan garis batas hitam. Tombol dengan versi teks yang dilokalkan disediakan. Jangan membuat tombol dengan teks yang Anda lokalkan sendiri.
 |
 |
 |
| Hitam | Putih | Putih dengan garis tepi |
| Gunakan tombol hitam pada latar belakang putih atau terang untuk memberikan kontras. Jangan gunakan tombol hitam pada latar belakang gelap. Sebagai gantinya, gunakan tombol putih. | Gunakan tombol putih pada latar belakang gelap atau berwarna. Jangan gunakan tombol putih pada latar belakang putih atau terang. Sebagai gantinya, gunakan tombol hitam atau tombol putih dengan garis batas. | Gunakan tombol putih dengan garis batas sebagai alternatif untuk tombol hitam pada latar belakang putih atau terang. Jangan gunakan tombol ini pada latar belakang gelap atau berwarna; gunakan tombol putih standar. |
Ruang kosong
Selalu pertahankan ruang kosong minimum sebesar 8 dp di semua sisi tombol Simpan ke Google Pay. Pastikan ruang kosong tidak pernah terganggu oleh grafis atau teks.
Tinggi minimum
Semua tombol Simpan ke Google Pay harus memiliki tinggi minimum 36 dp.
Anjuran dan larangan
| Anjuran | Larangan |
|---|---|
| Lakukan: Hanya gunakan tombol Simpan ke Google Pay yang disediakan oleh Google. | Larangan: Jangan membuat tombol Simpan ke Google Pay Anda sendiri atau mengubah font, warna, radius tombol, atau padding dalam tombol dengan cara apa pun. |
| Benar: Gunakan gaya tombol yang sama di seluruh situs Anda. Warna tombol dapat beradaptasi jika warna latar belakang berubah. | Jangan: Jangan membuat tombol Simpan ke Google Pay lebih kecil daripada tombol lainnya. |
| Lakukan: Pastikan ukuran tombol Simpan ke Google Pay tetap sama atau lebih besar daripada tombol lainnya. | Jangan: Jangan gunakan warna tombol yang mirip dengan latar belakang. Misalnya, jangan gunakan tombol putih pada latar belakang putih. |
| Lakukan: Pastikan Anda memilih warna tombol yang kontras dengan latar belakang. | Jangan: Jangan menskalakan tombol secara bebas. |
| Lakukan: Pertahankan rasio tombol yang sama saat mengubah ukuran tombol Simpan ke Google Pay. |
Praktik terbaik untuk penempatan tombol
Untuk memaksimalkan jumlah objek yang disimpan, tampilkan tombol Simpan ke Google Pay secara jelas dalam aplikasi, situs, atau email Anda. Anda harus mematuhi praktik terbaik berikut untuk menerima persetujuan merek dari Google.
Kartu loyalitas
Sebaiknya tempatkan tombol Simpan ke Google Pay di dekat pengalaman pengguna di aplikasi, situs, atau komunikasi email tempat Anda menampilkan informasi loyalitas pelanggan saat ini. Tombol ini juga berguna untuk ditampilkan di layar konfirmasi yang muncul tepat setelah pengguna mendaftar ke program loyalitas Anda di aplikasi atau situs Anda.
Kartu hadiah
Sebaiknya tempatkan tombol Simpan ke Google Pay di layar konfirmasi yang muncul setelah pengguna membeli kartu voucher di aplikasi atau situs Anda. Sebaiknya tampilkan juga tombol tersebut dalam komunikasi email apa pun yang dikirimkan kepada penerima kartu voucher.
Penawaran
Sebaiknya tempatkan tombol Simpan ke Google Pay di dekat layar atau halaman di aplikasi atau situs tempat pengguna mengakses penawaran. Untuk hasil yang lebih baik, sangat disarankan agar Anda menyertakan tombol dalam komunikasi email apa pun tentang penawaran.
Tiket acara dan transportasi umum
Tampilkan tombol Simpan ke Google Pay di akhir alur pembelian atau di layar aplikasi, halaman web, atau email konfirmasi. Sebaiknya tempatkan tombol Simpan ke Google Pay di tempat pengguna mengakses tiket mereka di aplikasi atau situs Anda.
Boarding pass
Tampilkan tombol Simpan ke Google Pay di akhir alur pembelian atau di layar aplikasi, halaman web, atau email konfirmasi. Anda juga dapat menampilkan tombol di tempat penumpang melakukan check in untuk penerbangan mereka atau melihat boarding pass mereka di situs atau aplikasi Anda, atau menyertakannya dalam email yang relevan.
Penggunaan nama produk Google Pay dalam teks
Anda dapat menggunakan teks untuk menunjukkan kepada pengguna bahwa boarding pass, tiket acara atau transportasi umum, kartu loyalitas, kartu voucher, atau penawaran mereka telah disimpan ke perangkat mereka.
Gunakan huruf kapital untuk huruf "G" dan "P"
Selalu gunakan huruf besar "G" dan huruf besar "P" diikuti dengan huruf kecil untuk merujuk ke Google Pay. Jangan gunakan huruf kapital untuk nama lengkap "GOOGLE PAY" kecuali jika sesuai dengan gaya tipografi di UI Anda.
Jangan menyingkat Google Pay
Selalu tulis kata "Google" dan "Pay".
Sesuaikan gaya di UI Anda
Tetapkan "Google Pay" dalam font dan gaya tipografi yang sama dengan teks lainnya di UI Anda. Jangan meniru gaya tipografi Google.
Jangan terjemahkan Google Pay
Selalu tulis "Google Pay" dalam bahasa Inggris. Jangan terjemahkan ke bahasa lain.