Tutorial Memasang Google ReCaptcha pada plugin Wordpress Contact Form 7

Admin Tutorial
Latest posts by Admin Tutorial (see all)

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:

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.

memasang google recaptcha di wordpress

Menu Plugin


Step 3 : Silahkan kamu klik "Add New".

memasang google recaptcha di wordpress

Klik Add New


 Step 4 : Silahkan kamu Upload plugin.

memasang google recaptcha di wordpress

Upload Plugin


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

memasang google recaptcha di wordpress

Add Plugin


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

memasang google recaptcha di wordpress

Pilih File


 Step 7 : Lalu setelah itu klik install now.

memasang google recaptcha di wordpress

Install Now


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

memasang google recaptcha di wordpress

Installing Done


Memasang google recaptcha ke contact form 7


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

memasang google recaptcha di wordpress

Login ReCaptcha


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

memasang google recaptcha di wordpress

Isi Form


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

   memasang google recaptcha di wordpress

Pemasangan Key Code


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

memasang google recaptcha di wordpress

Add Plugins


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

memasang google recaptcha di wordpress

settings > Google No CAPTCHA reCAPTCHA Settings


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

memasang google recaptcha di wordpress

Create Contact Form


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

memasang google recaptcha di wordpress

Copy Code


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

memasang google recaptcha di wordpress

Copy Code


  1. Google reCaptcha sudah berhasil dipasang.

memasang google recaptcha di wordpress

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!

Apakah artikel ini membantu, Sob?

Berikan rating buat artikel ini!

Rata-rata rating 5 / 5. Dari total vote 1

Pertamax, Sob! Jadilah pertama yang memberi vote artikel ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Related Posts
Tutorial Mengatasi CSS yang Tidak Terbaca di WP Admin

Hai, Sob! Pernahkah kamu mengalami permasalahan dengan dashboard administrator tampil tanpa CSS? Seperti semua link tidak tertata seperti seharusnnya, contohnya Read more

Tutorial Wordpress – Mengatasi Warning: Cannot modify header information

Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more

Cara Atasi Fatal Error Allowed Memory Size of Bytes Exhausted

Pengantar Pernahkah kamu mengalami pesan "Fatal error: Allowed memory size of 33554432 bytes exhausted" saat kamu mencoba upload sebuah gambar Read more

Tutorial Mengatasi Fatal Error Undefined Function Is_network_admin()

Pernahkah kamu mengalami error seperti di bawah ini? "Fatal error undefined function is_network_admin()" Biasanya error ini muncul saat kamu melakukan Read more

Leave a Comment