Tutorial Memasang Google ReCaptcha pada plugin Wordpress Contact Form 7

Admin Tutorial

7 tahun ago

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.

Step 2 : Masuk ke menu plugin.

Menu Plugin

Step 3 : Silahkan kamu klik “Add New“.

Klik Add New

Step 4 : Silahkan kamu Upload plugin.

Upload Plugin

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

Add Plugin

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

Pilih File

Step 7 : Lalu setelah itu klik install now.

Install Now

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

Installing Done

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).

Isi Form

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.

settings > Google No CAPTCHA reCAPTCHA Settings

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.

Create Contact Form

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

Copy Code

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

Copy Code

Google reCaptcha sudah berhasil dipasang.

Success Notification

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!