Tutorial Memasang Google ReCaptcha pada plugin Wordpress Contact Form 7

Juli 6, 2017

Kamu suka penasaran gimana caranya memasang Google ReCaptcha di WordPress Contact Form? Tenang aja, kita bakal pelajari tutorialnya.

Weits, ada info penting nih buat kamu tentang Contact form 7 dan Google ReCaptcha, ini dia:

Info Penting Contact Form 7

Contact form 7 berfungsi untuk memberikan halaman pengisian feedback / pertanyaan / komentar dan dikirimkan secara langsung ke alamat email kita sebagai pemilik situs. Sedangkan google recaptcha berfungsi untuk melindungi halaman pengisian contact form 7 dari spam, hacking dan lain-lain. Sehingga google recaptcha sangat bermanfaat dipasang di contact form 7 karena di gunakan untuk melindungi halaman website yang kita miliki.

Nah, ada hal pertama yang harus kamu lakukan sebelum mengikuti tutorial ini, Sob. Pertama yang harus di lakukan adalah download contact form 7 pada link berikut https://wordpress.org/plugins/contact-form-7/. Setelah selesai download, baru kamu bisa mengaktifkan contact form 7.

Oke, ini dia langkah-langkah mengaktifkan Contact form 7, simak terus berikut ini:

Mengaktifkan Contact form 7

Step 1 : Login wordpress.

memasang google recaptcha di wordpress — login wordpress

Step 2 : Masuk ke menu plugin.

Step 3 : Silahkan kamu klik “Add New“.

Step 4 : Silahkan kamu Upload plugin.

Step 5 : Klik telusuri, dan pastikan dalam bentuk file .zip.

Step 6 : Pilih file contact-form-7.4.3.1.zip.

Step 7 : Lalu setelah itu klik install now.

Step 8 : Contact form 7 selesai di install dan telah di aktif kan.

Memasang google recaptcha ke contact form 7

Login ke akun google Re-Captcha (https://www.google.com/recaptcha) menggunakan login gmail yang sudah kamu punya, lalu Pilih menu “Get ReCaptcha”

Lalu untuk menambahkan domain-domain yang ingin menggunakan ReCaptcha maka bisa mengisi form berikut, untuk multiple domain bisa disisi pada baris baru (1 baris 1 domain).

Setelah proses registrasi selesai maka nanti kita akan mendapat key code.

Pemasangan Key Code

Login ke wp-admin kamu, lalu kita pasangkan plugin “Google No CAPTCHA reCAPTCHA by WisdmLabs” (https://goo.gl/eILnTy) plugin ini berfungsi untuk menyimpan secret key yang telah diperoleh di dalam wordpress kamu untuk kemudian di intergrasikan dengan contact form 7

Add Plugins

Kemudian setelah kita instal dan aktifkan plugin tersebut, kita masuk ke menu settings > Google No CAPTCHA reCAPTCHA Settings untuk memasukkan key code google recaptcha kita.

Lalu kita masuk ke menu contact, dan kita bisa create baru contact form atau edit contact form yang sudah ada. Kemudian setelah masuk ke form editornya. kita pilih tag “No CAPTCHA reCAPTCHA” untuk menambahkannya yang dimana kita akan disuruh untuk membuat form generatornya.

Kemudian kita copy code berdasarkan hasil generate tersebut dan kita paste di dalam form settingnya.

Setelah kita save form-nya kita tambah form tersebut dipost kita, kemudian bisa kita coba cek dari post di wordpress kita.

Google reCaptcha sudah berhasil dipasang.

Wah, panjang juga yah, tapi sekarang Contact Form 7 dan Google ReCaptcha kamu sudah berhasil terpasang. Simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat atau fitur Open Tiket ya!