Mendapatkan Google Recaptcha Keys 

Recaptcha merupakan fitur yang digunakan untuk memberikan layanan keamanan dan melakukan pemeriksaan untuk memastikan bahwa yang menggunakan situs tersebut adalah manusia bukan robot. 


  1. Masuk ke halaman Generate Google Recaptcha Key

  2. Log in dengan menggunakan akun gmail Anda.

  3. Pada bagian Label isi dengan nama  reCaptcha yang dibuat

  4. Pilih reCaptcha tipe 

  • reCaptcha v3 

  • reCaptcha v2

  • “i’m not a robot” Checkbox : mengharuskan pengguna untuk mengklik tombol centang untuk
    memastikan bukan robot.

  • invisible reCAPTCHA badge : tidak mengharuskan pengguna untuk mengklik kotak centang,
    tetapi akan otomatis dipanggil untuk menyelesaikan captcha jika terjadi lalu lintas yang mencurigakan.

  • reCAPTCHA Android : dapat digunakan dalam aplikasi dan merupakan layanan dari Google Play.


Gambar 1 : Tampilan Konfigurasi Daftar Domain Google Recaptcha

  1. Masukan Domains yang akan menggunakan fitur reCaptcha.

  2. Checklist kebijakan dalam pembuatan key recaptcha, pilih Submit untuk melanjutkan.


Gambar 2: Tampilan key reCaptcha pada halaman Google Recaptcha


Konfigurasi Google Recaptcha 


Langkah untuk mengkonfigurasi Google Recaptcha, sebagai berikut :

Magento Backoffice/Admin > Store > Configuration > Security > Google Recaptcha

  1. Pada bagian General isi dengan key yang didapatkan pada akun Google Recaptcha



                                                        Gambar 3: Tampilan Menu Google Recaptcha



Gambar 4 : Tampilan pada Google Recaptcha bagian General

  1. Pada bagian Enable pilih Yes

  • Theme : menentukan tema Light dan Dark , pilih Use system value maka tema otomatis berwarna Light 


Gambar 5 : Tampilan pada Google Recaptcha bagian Backend


  1. Pilih Yes pada bagian Enable


Gambar 6 : Tampilan pada Google Recaptcha bagian Frontend

  1. reCaptcha type , memilih tipe recaptcha yang digunakan

  2. Terdapat pilihan halaman untuk Recaptcha digunakan

  • Use in login

  • Use in Forgot password

  • Use in Contact

  • Use in Create User


  1. Pilih Save Config untuk menyimpan


Note: untuk PWA Anda perlu berkoordinasi dengan team Developer PWA untuk enable Google Recaptcha agar tampil di frontend. 




Tampilan Login Admin / Backoffice


Gambar 7 : Tampilan Recaptcha pada bagian sign in Backoffice



Tampilan Frontend versi Magento


  1. Login Page



Gambar 8 : Tampilan  Recaptcha pada bagian Customers Login


Tampilan Frontend versi PWA

  1. Login Page


Gambar 9 : Tampilan  Recaptcha pada bagian Customers Login


  1. Register Page


Gambar 10 : Tampilan  Recaptcha pada bagian Customers Login