Cara Memasang Captcha Di Website eCommerce WordPress

cara memasang captcha di website

TokoDaring.Com – Cara Memasang Captcha Di Website WordPress. Captcha adalah salah satu solusi yang simpel, namun powerful untuk melindungi situs website dari penipuan dan penyalahgunaan.

Pada artikel kami sebelumnya, Memberikan keamanan website eCommerce WordPress. Memasang captcha dan mengaktifkan ‘bot challenge’ merupakan dua dari banyak solusi untuk membuat website toko daring anda menjadi lebih aman.

Pada artikel ini, kami bahas tentang apa yang dimaksud dengan kode captcha ? Bagaimana cara mendapatkan kode captcha ? Dan untuk website toko daring yang menggunakan WooCommerce, bagaimana cara memasang captcha di WordPress.

Apa yang dimaksud dengan kode captcha

Uji turing publik terotomatisasi penuh untuk membedakan komputer dan manusia.

Apa yang dimaksud dengan kode captcha ?

CAPTCHA adalah jenis tindakan keamanan yang dikenal sebagai otentikasi tantangan-tanggapan.

CAPTCHA membantu melindungi dari dekripsi spam dan sandi dengan meminta user untuk menyelesaikan pengujian sederhana.

Untuk membuktikan bahwa kunjungan di lakukan oleh manusia dan bukan komputer (BOT) yang mencoba menyusup ke dalam akun yang dilindungi sandi.

Cara mendapatkan kode captcha

Captcha bisa anda buat sendiri menggunakan pemrograman yang sederhana, HTML dan javascript. Tapi lebih simple jika anda menggunakan kode google recaptcha.

Anda hanya perlu untuk mendaftarkan domain dan email untuk mendapatkan kodenya secara gratis (secret key dan site key). Google juga menawarkan layanan recaptcha enterprise API.

Berikut beberapa langkah sederhana cara mendapatkan kode captcha google.

  • Kunjungi halaman recaptcha google.
  • Login dengan menggunakan akun google.
  • Anda dapat memilih versi captcha yang ingin di gunakan (saat ini tersedia versi 2 dan versi 3).
  • Masukan nama domain dan email.
  • Akan ada dua kode, yang untuk selanjutnya perlu di integrasikan ke website eCommerce WordPress anda.

Cara memasang captcha di website

Cara memasang captcha di website WordPress bisa di lakukan dua cara.

  1. Menggunakan plugin.
  2. Tanpa menggunakan plugin.

Dan kedua cara tersebut sama mudahnya. Lebih simpel memang menggunakan plugin. Tapi anda mungkin tidak ingin menambah lebih banyak jumlah plugin yang sudah di pasang di website.

Di bagian akhir artikel ini kami paparkan contoh kode untuk membuat box captcha di kolom komentar atau di halaman di mana terdapat form.

Cara memasang captcha di website WordPress (menggunakan plugin)

Menggunakan plugin yang tepat untuk mengisi site key dan secret key yang sudah anda dapatkan adalah cara yang paling mudah.

Beberapa plugin yang bisa anda gunakan antara lain :

Lalu cukup masukan ke dua key tersebut ke dalam textbox tanpa harus mengetikan kode apapun. Dan box validasi recaptcha akan terpasang pada halaman artikel anda pada bagian komentar atau pada bagian di mana terdapat form untuk orang melakukan login dan regitrasi.

Cara menambahkan captcha pada form WordPress (tanpa plugin)

Ini cara lain yang selalu kami tawarkan, yaitu bagaimana mengkustom website eCommerce WordPress tanpa menggunakan plugin.

Anda perlu menambahkan beberapa baris script ke dalam file function.php child theme atau menggunakan plugin editor.

Berikut beberapa baris kode yang perlu di tambahkan (ganti ----site-key----- dengan site key dan ----secret-key----- dengan kode yang sudah di dapatkan).

/* 
 * Cara memasang captcha di website (form komentar WordPress)
 *
 */

function tokodaring_comment_recaptcha() {
    wp_enqueue_script('google-recaptcha', 'https://tokodaring.com/wp-content/litespeed/localres/aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9yZWNhcHRjaGEvYXBpLmpz');
}
add_action( 'wp_footer', 'tokodaring_comment_recaptcha' );

// Membuat box reCAPTCHA sebelum submit komentar
function kotak_google_recaptcha($submit_field) {
	$submit_field['submit_field'] = '<div class="g-recaptcha" data-sitekey="----site-key-----"></div><br>' . $submit_field['submit_field'];
	return $submit_field;
}
 
// Cek google recaptcha
function is_valid_captcha($captcha) {
	$captcha_postdata = http_build_query(array( 'secret' => '----secret-key-----', 'response' => $captcha, 'remoteip' => $_SERVER['REMOTE_ADDR']));
	$captcha_opts = array('http' => array( 'method'  => 'POST', 'header'  => 'Content-type: application/x-www-form-urlencoded', 'content' => $captcha_postdata));
	$captcha_context  = stream_context_create($captcha_opts);
	$captcha_response = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify" , false , $captcha_context), true);
	if ($captcha_response['success'])
		return true;
	else
		return false;
}
 
function verifikasi_google_recaptcha() {
	$recaptcha = $_POST['g-recaptcha-response'];
	if (empty($recaptcha))
		wp_die( __("<b>Pesan Kesalahan:</b> Harap berikan centang pada box reCAPTCHA!!!<p><a href='javascript:history.back()'>« Back</a></p>"));
	else if (!is_valid_captcha($recaptcha))
		wp_die( __("<b>Maaf kami tidak menerima Spammer!</b>"));
}

function tokodaring_add_captcha_actions() {
	if ( ! is_user_logged_in() ) {
		add_action('pre_comment_on_post', 'verifikasi_google_recaptcha');
		add_filter('comment_form_defaults','kotak_google_recaptcha');
	}
}
TokoDaring
TokoDaring

Dari menggoreng tempe hingga menulis script php. Jika tidak sedang cooking dia sedang coding. Thank you for your time!

      TokoDaring.Com
      Shopping cart