Mengaktifkan reCAPTCHA pada Contact Form Tanpa Plugin

Pada postingan sebelumnya admin sudah membagikan cara membuat halaman kontak di wordpress dan sekarang akan mengaktifkan reCaptcha pada halaman kontak.

Memasang reCaptcha pada contact form atau halaman kontak itu sangat penting untuk menghindari spam yang masuk.

Pada tutorial ini, admin masih menggunakan plugin Ninja Forms untuk mengaktifkan fitur reCaptcha. Jadi tidak perlu lagi menggunakan plugin tambahan.

Cara Mengaktifkan reCAPTCHA pada Contact Form

Berikut ini adalah langkah-langkahnya di bawah ini.

Mendapatkan reCaptcha

Mendaftarkan atau menambahkan domain di Google reCaptcha bertujuan untuk menadapatkan reCaptcha Site Key dan Secret Key.

Cara untuk mendapatkan Site Key dan Secret Key untuk domain Anda dengan mendaftar di sini.

Admin console > Create > Register a new site

Register a new site :

  • Lable : isikan domain website atau nama website Anda
  • Label reCAPTCHA type : reCAPTCHA v2 pilih “I’m not a robot” Checkbox
  • Domains : masukan domain Anda yang akan menggunakan reCaptcha
  • Owners : email ada
  • Aktifkan Check Box Accept the reCAPTCHA Terms of Service dan Send alerts to owners
  • Submit
Adding reCaptcha to Your site
Adding reCaptcha to Your site

Setelah berada di halaman seperti diatas. Anda tinggal masuk ke halaman dashboard wordpress Anda.

Menambahkan Sekret Key dan Site Key

Ninja Forms > Setting (Pengaturan) > Pengaturan reCaptcha

Salin/Copy Site Key dan tempelkan kombinasi angka dan huruf pada kolom Kunci Situs reCAPTCHA.

Lakukan hal yang sama pada Kunci Rahasia reCaptcha juga untuk Secret Key nya. Tampak seperti gambar dibawah ini.

Pengaturan reCaptcha
Pengaturan reCaptcha

Lalu simpan perubahannya.

Buka halaman Dashboard Ninja Forms pilih form yang akan di tambahkan reCaptcha. Lakukan penyuntingan atau edit pada form tersebut.

Menambahkan reCaptcha

Setelah terbuka halaman elemen form kontaknya, silahkan tambahkan elemen baru dengan menekan tanda plus yang ada di pojok kanan bawah.

Nemambahkan Element reCaptcha
Nemambahkan Element reCaptcha

Silahkan tambahkan elemen recaptcha dengan menarik dan menyisipkannya pada form kotak yang sebelumnya sudah dibuat. Terlihat seperti gambar dibawah ini.

Nemambahkan Element reCaptcha
Nemambahkan Element reCaptcha

Pada bagian Visibility pilih Visible

Klik tombol Selesai dan Terbitkan.

Tampilan reCaptcha
Tampilan reCaptcha

Sampai disini tutorial Mengaktifkan reCAPTCHA pada Contact Form di website wordpress Anda.

Jika menemukan kesulitan atau ingin berdiskusi tentang postingan ini, Silahkan meninggalkan pesan di kolom komentar di bawah ini.



Related Post :



Related Post :


Avatar of A Adi Putra

Saya sudah menggunakan WordPress mulai tahun 2013 dan menjadi Speed Optimizer sejak tahun 2019 lalu . Sedang mendalami teknik optimasi server dan website supaya mendapatkan hasil optimasi yang maksimal.

Tinggalkan komentar