Cara Menambahkan Captcha ke Pembayaran WooCommerce

Setelah membangun toko WooCommerce dengan ShopReady, kami menghadapi tantangan terbesar untuk melindungi situs dari spammer. Ya, spammer dapat menggunakan berbagai teknologi otomatis untuk menyusup ke bisnis Anda dan mencoba membuat pesanan palsu. Sekarang akan belajar Bagaimana Menambahkan Captcha ke WooCommerce Checkout?

Itu dapat membawa potensi kerusakan pada bisnis Anda dengan menyebabkan transaksi yang menyesatkan. Jadi, Anda perlu memastikan pengguna adalah manusia nyata, dan Anda juga harus menghentikan skrip dan bot otomatis agar tidak mengganggu halaman checkout Anda.

Untuk mengatasi ini, Anda harus menambahkan captcha saat checkout di toko WooCommerce Anda. Artikel ini akan membahas mengapa dan bagaimana Anda dapat menambahkan captcha untuk melindungi bisnis Anda dari alat spam dan bot.

Anda dapat melakukannya dengan menggunakan plugin atau tanpa plugin. Kami akan membahas semua metode yang mungkin kami terapkan di toko WooCommerce kami yang dibuat dengan ShopReady sehingga Anda dapat menggunakannya untuk menambahkan Captcha ke situs Anda. Ayo mulai!

Anda mungkin telah membangun toko WooCommerce Anda dengan alat seperti ShopReady tetapi berjuang untuk memastikan keamanannya. Menambahkan captcha di kasir bisa menjadi salah satu langkah keamanan yang harus Anda perhatikan.

Alasan utama untuk menambahkan captcha ke checkout WooCommerce adalah untuk melindungi situs dari serangan berbahaya otomatis yang mencoba melakukan pembelian palsu. Ini mencegah alat otomatis mengisi formulir penjualan sambil mencegah pendaftaran palsu dan pesanan tamu. Captcha dapat menghentikan transaksi menyesatkan yang dapat menyelamatkan Anda dari potensi kerugian.

Beberapa orang berpikir captcha dapat membuat interaksi pengguna sedikit rumit, tetapi ada beberapa cara Anda dapat menerapkan pengalaman pengguna dengan gesekan rendah yang umumnya nyaman bagi pelanggan. Dan satu-satunya hal yang akan sulit untuk memecahkan captcha adalah "bot terkomputerisasi" itu.

Bagaimana Cara Menambahkan Captcha ke Pembayaran Woocommerce?

Sekarang pindah ke cara kami menambahkan captcha ke halaman checkout toko ShopReady WooCommerce kami. Kami telah mencoba metode plugin dan tanpa plugin.

Saat mencoba ini, kami menemukan beberapa plugin dan cuplikan kode yang bagus. Mari kita bahas semua metode ini dan lihat mana yang tepat untuk Anda.

Dengan Plugin

Agar pelanggan Anda melanjutkan pembelian dari toko WooCommerce Anda, Anda dapat menggunakan plugin verifikasi captcha yang berbeda di halaman checkout atau di mana pun Anda inginkan di situs.

Ada beberapa plugin seperti itu yang tersedia di luar sana. Namun, 3 teratas yang kami coba saat membangun toko WC kami dengan ShopReady adalah sebagai berikut:

• reCaptcha untuk WooCommerce

Ini adalah plugin premium yang dirancang khusus untuk Perlindungan Spam WooCommerce. Ini tidak tersedia sebagai versi gratis, jadi Anda harus membayarnya terlebih dahulu. Dengan menggunakan plugin ini, Anda dapat menambahkan Google ReCAPTCHA ke halaman checkout dan formulir lainnya, termasuk mendaftar, masuk, formulir kehilangan kata sandi, dll.

Itu dapat menampilkan beberapa captcha pada satu halaman seperti jika Anda memiliki login dan formulir pendaftaran di halaman yang sama, Anda dapat mengaktifkan captcha di kedua formulir.

Anda dapat memiliki reCaptcha v2 dan ReCaptcha V3 menggunakan plugin ini. Beberapa fitur utama lainnya termasuk deteksi bahasa pengguna otomatis, kustomisasi reCaptcha, kustomisasi pesan kesalahan, dan sebagainya.

Sangat mudah untuk menginstal seperti plugin WordPress lainnya dari halaman Plugin. Pengaturan mudah dilengkapi dengan opsi hidup/mati untuk mengaktifkan atau menonaktifkan captcha di tempat yang diperlukan. Kami tidak memiliki masalah dalam mengaktifkannya dengan alat ShopReady.

Plugin ini dibangun dengan standar tinggi untuk menghentikan pendaftaran dan pesanan palsu dan untuk memastikan tidak ada yang dapat merusak situs.

• CAPTCHA 4WP

Didukung dan Dikelola oleh WP White Security, ini adalah salah satu plugin captcha terbaik yang memungkinkan manusia nyata melewati formulir WooCommerce dan halaman checkout.

Ini melindungi toko Anda dari bot, tidak membiarkan mereka mengganggu pesanan Anda. Selain halaman checkout, Anda dapat menggunakan plugin ini untuk menampilkan captcha di berbagai segmen seperti formulir, komentar, pendaftaran, kehilangan/reset kata sandi, dan sebagainya.

Sorotan dari plugin ini adalah Anda dapat menggunakan ini untuk menampilkan beberapa captcha pada satu halaman. Ini juga mendukung gaya captcha khusus. Anda dapat memilih dari v2 (Saya bukan robot), v2 (tidak terlihat), atau v3. Secara otomatis mendeteksi bahasa pengguna untuk menampilkan captcha dan pengaturan yang sesuai.

Anda dapat menambahkan captcha dalam beberapa bentuk secara default, tetapi untuk Formulir Kontak 7, Anda harus menambahkan kode pendek . Ini tersedia dalam versi gratis dan premium. Kami telah mencoba versi premium saat menggunakan ShopReady.

Anda dapat dengan mudah menginstalnya dari halaman Plugin di akun WooCommerce Anda. Cari CAPTCHA 4WP, instal dan aktifkan untuk melindungi toko Anda dari spammer.

• reCaptcha oleh BestWebSoft

BestWebSoft menghadirkan solusi captcha efektif lainnya untuk melindungi toko WooCommerce Anda. Ini berfungsi dengan hampir semua formulir, termasuk formulir penagihan checkout WooCommerce.

Anda dapat menggunakan reCaptcha v2, v3, dan versi tak terlihat dengan plugin ini. Pelanggan harus memastikan bahwa mereka bukan robot sebelum melanjutkan berbelanja.

Ini mencegah serangan spam dan brute force dengan menggunakan Limit Attempts. Produk ini didukung oleh dukungan yang cepat dan ramah.

Instalasinya mudah seperti plugin WP lainnya. Anda dapat mengunduh, menginstal, dan mengaktifkannya dari halaman Plugin. Setelah diatur, Anda dapat pergi ke pengaturan dan memilih halaman checkout atau tempat lain yang diperlukan untuk mengaktifkannya.

Plugin ini mencakup pengaturan yang mudah dengan panduan terperinci untuk pengaturan cepat. Ini adalah plugin multibahasa dengan fitur siap RTL. Anda juga dapat menambahkan kode khusus menggunakan pengaturan. Muncul dengan beberapa tema captcha juga. Secara keseluruhan, plugin bekerja dengan baik dengan alat pembuat ShopReady.

Tanpa Plugin

Setelah melihat cara plugin, saatnya mencari tahu bagaimana Anda dapat menambahkan captcha tanpa plugin ke halaman checkout WooCommerce.

Karena Google menawarkan layanan anti-spam reCaptcha v2 secara gratis, Anda dapat menerapkannya di situs Anda tanpa plugin. Kami memiliki pengalaman sukses dalam menerapkan ini saat menggunakan ShopReady. Ini adalah API captcha paling populer, dan Anda harus melakukan beberapa pengkodean untuk menambahkannya di checkout WC Anda tanpa plugin.

Tetapi sebelum Anda menggunakan cuplikan kode, ingatlah bahwa Anda tidak dapat menempatkannya di bagian pembayaran formulir. Dan Anda harus memilih tindakan yang sesuai untuk menambahkannya dengan sukses.

<?php

/**

* Tambahkan reCaptcha ke formulir checkout

* @param $checkout

*/

function doublee_show_me_the_checkout_captcha($checkout) {

echo '<div class=”g-recaptcha” data-sitekey=”YOUR_KEY_HERE”></div>';

}

add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);

/**

* Validasi reCaptcha

*/

fungsi doublee_process_recaptcha() {

$postdata = $_POST['g-recaptcha-respons'];

$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);

$respons = json_decode($verified_recaptcha);

if(!$response->berhasil) {

wc_add_notice('Harap verifikasi bahwa Anda bukan robot' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Kami mencoba dan itu bekerja dengan baik dengan toko WooCommerce ShopReady kami.

Bagaimana Cara Mengaktifkan Google Recaptcha V2 Di Woocommerce Checkout?

Untuk melakukan ini, cara terbaik adalah menggunakan reCaptcha untuk plugin WooCommerce, karena mendukung versi V2 dan V3.

• Pertama, unduh file .zip dari akun WC.
• Sekarang buka Admin > Plugin > Tambah Baru > Unggah Plugin
• Pilih file yang Anda unduh
• Instal dan aktifkan reCaptcha
• Setelah aktivasi, buka wooCommerce > Pengaturan
• Klik tab reCaptcha di Pengaturan
• Pilih versi Recaptcha sebagai ReCaptcha V2 (kotak centang)
• Atur Kunci Situs dan Kunci Rahasia
• Pertahankan bidang lain seperti pesan kesalahan apa adanya
• Simpan pengaturan
• Dari daftar tab untuk mengaktifkan captcha, pilih checkout tamu WooCommerce dan centang kotak untuk mengaktifkan reCaptcha ke halaman checkout tamu.

Untuk mendapatkan Site Key dan Secret Key, ikuti langkah-langkah di bawah ini:

• Masuk ke akun Google Anda
• Buka Konsol Admin Google ReCaptcha (https://www.google.com/recaptcha/admin)
• Klik tombol + di kanan atas
• Tambahkan nama website Anda di Add Label.
• Pilih reCaptcha v2.
• Pilih kotak centang “Saya bukan robot”.
• Tambahkan domain situs web
• Terima jangka waktu layanan
• Setelah selesai, klik Kirim
• Kunci situs dan kunci rahasia akan muncul; cukup salin dan gunakan.

Kesimpulan

Ini membungkusnya untuk panduan tentang menambahkan captcha ke checkout WooCommerce. Kami harus mengatakan bahwa semua metode captcha ini bekerja dengan baik di checkout ShopReady WooCommerce kami. Jadi artikel ini harus bekerja dengan baik untuk Anda juga!

Ini membahas beberapa plugin luar biasa yang dapat secara efektif melindungi toko WC Anda dari spammer. ReCaptcha untuk WooCommerce adalah yang paling menonjol di sini yang memungkinkan Anda mengatur Google reCaptcha V2 atau V3 dengan mudah dan efektif.

Kami juga telah membahas bagaimana Anda dapat menambahkan reCaptcha V2 API dengan menambahkan beberapa kode di tempat masing-masing. Apa pun cara yang Anda pilih dari metode di atas, Anda dapat berharap untuk menjaga situs Anda aman dari pesanan penipuan setelah mengaktifkan salah satu dari mereka.

Praktik terbaik Keamanan WordPress