in

Cara Memasang Captcha Di Website eCommerce WordPress

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 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 menambahkan captcha pada form komentar WordPress

*/

function tokodaring_comment_recaptcha() {
    wp_enqueue_script('google-recaptcha', 'https://www.google.com/recaptcha/api.js');
}
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');
	}
}

Tentang TokoDaring [impresum]

TokoDaring.Com adalah ‘media online’ dengan artikel-artikel yang praktis di bidang ecommerce. Kami menulis dengan bahasa yang menyenangkan dan mudah di pahami. Mulai dari teknologi, platform dan update, hingga secara teknis bagaimana mendesain dan memaksimalkan website ecommerce untuk dapat membantu orang-orang yang baru memulai atau sudah ada pada bisnis online.

Unit usaha TokoDaring.Com adalah sebagai penyuplai bahan makanan untuk usaha kuliner (daging, sayur, buah, bumbu & rempah) yang melayani pembelian kebutuhan suplai b2b kerjasama antar usaha (restoran/kafe/hotel/katering/kuliner/rumah sakit). Produk pesanan akan di antarkan langsung ke dapur produksi usaha tanpa ada biaya pengiriman (gratis ongkir).

Divisi kreatif TokoDaring.Com melayani order pembuatan website, cetak digital, food & video photography. Hingga platform untuk promosi bisnis via halaman business listing.

Written by TokoDaring

TokoDaring.Com | Where Cooking & Coding are Met!!! We Make F & B Commerce More Fun!!!

mengganti tombol add to cart woocommerce

Mengganti Tombol Add To Cart WooCommerce

membuat variasi satuan unit harga produk woocommerce

Membuat Variasi Satuan Unit Harga Produk WooCommerce