Cara Memasang Google reCaptcha V2 di WordPress

reCaptcha adalah sebuah system digital gratisan dari Layanan Google yang diprogramkan untuk membantu melindungi situs web dari spam dan penyalahgunaan. “CAPTCHA” itu sendiri seperti aplikasi yang mana bertujuan untuk dapat membedakan mana manusia mana robot. Secara mendasarkan perbedaannya adalah Captcha itu menggunakan masukkan angka/kata-kata atau inputan secara manual. Sedangkan reCaptcha itu sudah digital yang telah diprogramkan dari digitalisasi buku-buku.

Dengan menambahkan reCAPTCHA ke situs wordpress yang anda buat, artinya anda dapat memblokir system otomatis yang bersifat merusak untuk tetap berfungsi dengan normal. Juga, dapat membantu user/pengunjung untuk mudah koneksi dengan keamanan yang dibangun dan bersifat digital (sudah tidak manual lagi masukin angka/kata-kata atau inputan). Biasanya di bagian Contact Us Page ini selalu webmaster menggunakan reCaptcha untuk memblokir spam contact yang bisa meruskan layanan email server kita. Pada kasus ini saya menggunakan plugin HappyForms. Karena menurut saya plugin lebih userfriendly dan fungsi-fungsinya juga sudah lengkap jika dibandingkan dengan Contact Form 7 yang sudah sering saya gunakan.

Langsung saja berikut saya jelaskan Cara Memasang Google reCaptcha V2 di WordPress :

Step 1 : Pertama-tama kita masuk ke google Admin reCAPTCHA dilink ini.


Step 2
: Kemudian klik Admin Console di pojok kanan atas.

Cara Memasang Google reCaptcha di WordPress-GoogleConsole


Step 3
: Langkah selanjutnya adalah register reCaptcha berdasarkan domain website yang kita bangun. Dengan membuat Label, Pilih versi reCaptcha, masukkan nama domain, Accept Captcha Term & Condition kemudian klik tombol register.

Cara Memasang Google reCaptcha V2 di WordPress Label
Cara Memasang Google reCaptcha di WordPress-DOmainregister


Step 4
: Setelah register maka anda akan dibawa ke page selanjutnya yaitu keterangan secret key dan site key dari reCaptcha versi 2 anda. Tampilannya seperti berikut :

Cara Memasang Google reCaptcha V2 di WordPress Register


Step 5
: Simpan Site Key dan Secret Key anda untuk nanti diintegrasikan dengan Form Contact di wordpress anda.


Sampai disini kita telah berhasil membuat account reCaptcha dari google dengan sukses dan dengan  mendapatkan secret key dan site key yang berguna untuk integrasi ke wordpress. Berikut langkah selanjutnya yaitu pembuatan Form Contact dengan plugin HappyForms dan integrasi dengan reCaptcha google.


Step 1
: Pertama-tama login ke admin site wordpress anda, masuk ke Plugin, dan ADD New plugin yang bernama HappyForms.

Cara Memasang Google reCaptcha di WordPress-Plugin


Step 2
: Install dan activekan plugin nya kemudian pilih Add new.

Cara Memasang Google reCaptcha di WordPress-select-plugin


Step 3
: Kemudian kita akan mencoba membuat sebuah form contact sederhana dengan masukkan nama Form Contact page yang mau dibuat, dan mililih field apa saja yang akan digunakan dari fungsi disebelah kanan.

Cara Memasang Google reCaptcha di WordPress-setupcontact


Step 4
: Biasanya Field-field default yang dibuat adalah Short Text untuk Field Nama, Email untuk Field Email, Phone untuk Field No-HP dan Long Text untuk Field Isi Pesannya. Kira-kira setelah disetup hasilnya seperti berikut :

Cara Memasang Google reCaptcha di WordPress-Finalsetup


Step 5
: Setelah selesai klik Setup untuk next step.


Step 6
: Dipage selanjutnya adalah kita setup Confirmation message sebagai note ketika user Sukses dalm mengirim pesan, Kemudian sebagai masukkan email address sebagai penerima Email Contact dari web anda. Sebagai setupan default, yang dijadikan fokus untuk diubah adalah email address setupan dan reCaptcha setupannya. Selebihnya dibiarkan default sudah ok.

Cara Memasang Google reCaptcha di WordPress-ConfirmationSetup
Cara Memasang Google reCaptcha di WordPress-styleCaptcha


Step 7
: Masukkan reCaptcha site key dan secret key yang didapat dari google platform yang telah kita register tadi.


Step 8
: Langkah selanjutnya dengan mengklik tombol Style, maka akan ada page baru untuk kita bisa customize style dari contact form yang telah kita setup tadi.

Cara Memasang Google reCaptcha di WordPress-style


Step 9
: Terlihat digambar diatas bahwa kita bisa customize General seperti Colour dan Padding formnya, Title dari form yang dibuat seperti alignment dan display dan font size, Part Borders dan Spacing lebih ke Border dan colour setup, Part Labels & Text lebih ke Text dan colournya, juga tentang labeling . Yang terakhir Submit Button ini lebih ke customize Nama Button Send nya (Bisa anda coba sendiri).


Step 10
: Save dan Close. Maka anda sudah berhasil integrasikan reCaptcha Google ke dalam Contact Form anda dengan menggunakan Plugin HappyForms.


Catatan :

Dengan menggunakan reCaptcha kita bisa mencegah adanya serangan bot yang bisa masuk pada situs kita melalui login page, komentar, pesan kontak, register form dan lainnya. Intinya adalah reCaptcha dari google membantu seorang webmaster untuk bisa menjaga system keamanan input data secara live di website.

BACA JUGA : Cara Memasang Google reCaptcha V3 Versi Terbaru di WordPress.

BACA JUGAMembuat Google ReCAPTCHA Menjadi Invisible / Tidak Terlihat

#wordpress #recaptchav2 #captcha #plugin #happyforms

Bagikan :

Komentar

avatar
  Subscribe  
Notify of
Tag: , ,