Bab 3 · Pengalaman Belanja

Google Login

Memungkinkan pelanggan login/registrasi menggunakan akun Google (OAuth) untuk mempercepat proses masuk.

  • 1 menit baca
  • 4 bagian
  • Diperbarui 8 Jun 2026
Di halaman ini 4 bagian
  1. Tampilan Halaman Pengaturan
  2. Cara Mengaktifkan
  3. Konfigurasi
  4. Tampilan di Frontend

Tujuan: Memungkinkan pelanggan login/registrasi menggunakan akun Google (OAuth) untuk mempercepat proses masuk.

Tampilan Halaman Pengaturan

Pengaturan Google Login — AgenWebsite Storekit

Cara Mengaktifkan

Buka Dashboard WordPress > AgenWebsite > Storekit, pilih tab WooCommerce, lalu menu Google Login di sidebar.

  1. Buat OAuth Client di Google Cloud Console (jenis Web application).
  2. Salin Redirect URI yang tertera di pengaturan ke konfigurasi OAuth Google Anda.
  3. Masukkan Client ID dan Client Secret, centang Enable Feature, lalu simpan.

Konfigurasi

PengaturanDefaultKeterangan
Client ID—Google OAuth Client ID dari Google Cloud Console.
Client Secret—Google OAuth Client Secret.
Redirect URI(otomatis)Salin nilai ini ke Authorized redirect URI aplikasi Google Anda.
My Account PageAktifTampilkan tombol di form login My Account.
Checkout PageAktifTampilkan tombol di form login checkout.
WordPress LoginNonaktifTampilkan tombol di halaman wp-login.php.
Button TextSign in with GoogleTeks tombol.
Button StyleDarkGaya tombol: Dark, Light, atau Outline.
Separator TextorTeks pemisah antara form login dan tombol Google.

Tampilan di Frontend

Tampilan Google Login di sisi pelanggan
Tampilan Google Login di sisi pelanggan (frontend).

Tombol “Sign in with Google” muncul pada form login (My Account/checkout). Setelah berhasil, pelanggan otomatis login; akun baru dibuat sebagai customer jika email belum terdaftar. Di halaman Edit Account, pelanggan dapat menautkan/melepas akun Google.

⚠️ Catatan: Tombol hanya tampil bila Client ID sudah diisi. Alur login penuh memerlukan kredensial Google OAuth yang valid.

Apakah halaman ini menjawab pertanyaan Anda? Jawaban Anda membantu kami memperbaiki panduan ini.

Lainnya di bab "Pengalaman Belanja"

  1. 13 Wishlist Memungkinkan pelanggan menyimpan produk favorit untuk dibeli kemudian.
  2. 14 Cart Popup Menampilkan popup keranjang (slide/modal) secara AJAX saat pelanggan menambahkan produk ke keranjang.
  3. 15 Infinite Scroll Memuat produk berikutnya secara otomatis saat pengunjung menggulir halaman shop (tanpa klik halaman).
  4. 16 Sticky Buttons Menampilkan bilah “Add to Cart” yang menempel di bawah layar mobile agar tombol beli selalu terjangkau.
Masih butuh bantuan?

Belum ketemu jawabannya?

Tanyakan ke asisten AI kami soal pengaturan plugin, error, lisensi, atau saldo: dijawab langsung. Kalau masih buntu, tim support siap membantu lewat WhatsApp.

Chat tim support

Atau lewat halaman kontak.