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.
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”
Login 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!
Hai, Sob!, Pernahkah kamu mengalami lupa password WordPress atau email ? Sudah melakukan "forgot password" malah tidak mendapatkan balasan email Read more
Hai, Sob! Pernahkah kamu mengalami permasalahan dengan dashboard administrator tampil tanpa CSS? Seperti semua link tidak tertata seperti seharusnnya, contohnya Read more
Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more
Pengantar Pernahkah kamu mengalami pesan "Fatal error: Allowed memory size of 33554432 bytes exhausted" saat kamu mencoba upload sebuah gambar Read more