如何將驗證碼添加到 WooCommerce 結帳
已發表: 2022-10-18在使用 ShopReady 建立 WooCommerce 商店後，我們面臨著保護網站免受垃圾郵件發送者的最大挑戰。 是的，垃圾郵件發送者可能會使用不同的自動化技術來滲透您的業務並嘗試發出欺詐性訂單。 現在要學習如何將驗證碼添加到 WooCommerce 結帳？
這可能會導致誤導性交易，從而對您的業務造成潛在損害。 因此，您需要確保用戶是真人，並且您還必須阻止自動腳本和機器人干擾您的結帳頁面。
要解決此問題，您必須在 WooCommerce 商店的結帳時添加驗證碼。 本文將討論為什麼以及如何添加驗證碼來保護您的企業免受垃圾郵件工具和機器人的侵害。
您可以通過使用插件或不使用插件來做到這一點。 我們將介紹我們在使用 ShopReady 構建的 WooCommerce 商店中實施的所有可能方法，以便您可以使用它們將驗證碼添加到您的網站。 開始吧！
您可能已經使用 ShopReady 之類的工具建立了您的 WooCommerce 商店，但努力確保其安全性。 在結賬時添加驗證碼可能是您應該考慮的安全措施之一。
向 WooCommerce 結帳添加驗證碼的主要原因是保護網站免受試圖進行欺詐性購買的自動惡意攻擊。 它可以防止自動化工具完成銷售表格，同時防止虛假註冊和客人訂單。 驗證碼可以阻止誤導性交易，從而避免您遭受任何潛在損失。
有些人認為驗證碼可能會使用戶交互變得有點複雜，但有一些方法可以實現對客戶來說通常很方便的低摩擦用戶體驗。 唯一會發現驗證碼難以破解的是那些“計算機機器人”。
目錄
如何將驗證碼添加到 Woocommerce 結帳？
現在轉到我們如何向 ShopReady WooCommerce 商店的結帳頁面添加驗證碼。 我們已經嘗試了插件和無插件方法。
在嘗試這些時，我們想出了一些很棒的插件和代碼片段。 讓我們討論所有這些方法，看看哪種方法適合您。
帶插件
為了讓您的客戶繼續從您的 WooCommerce 商店購買，您可以在結帳頁面或網站上任何您想要的地方使用不同的驗證碼驗證插件。
那裡有很多這樣的插件可用。 但是，我們在使用 ShopReady 構建 WC 商店時嘗試的前 3 項包括以下內容：
WooCommerce 的驗證碼
這是專為 WooCommerce 垃圾郵件保護設計的高級插件。 它不是免費版本，因此您必須先付費。 使用此插件，您可以將 Google ReCAPTCHA 添加到結帳頁面和其他表單，包括註冊、登錄、密碼丟失表單等。
它可以在一個頁面上顯示多個驗證碼，就像如果您在同一頁面上有登錄和註冊表單，您可以在兩種表單中啟用驗證碼。
您可以使用此插件同時擁有 reCaptcha v2 和 ReCaptcha V3。 它的一些其他關鍵功能包括自動用戶語言檢測、reCaptcha 自定義、錯誤消息自定義等。
像插件頁面中的任何其他 WordPress 插件一樣簡單地安裝是很簡單的。 簡單的設置帶有開/關選項，可在所需位置啟用或禁用驗證碼。 使用 ShopReady 工具啟用它沒有任何問題。
該插件建立在高標準之上，以阻止虛假註冊和訂單，並確保無論如何都不會破壞網站。
驗證碼 4WP
由 WP White Security 支持和維護，這是最好的驗證碼插件之一，允許真人通過 WooCommerce 表單和結帳頁面。
它可以保護您的商店免受機器人的侵害，而不是讓它們干擾您的訂單。 除了結帳頁面，您還可以使用此插件在表單、評論、註冊、密碼丟失/重置等不同部分顯示驗證碼。
該插件的亮點是您可以使用它在單個頁面上顯示多個驗證碼。 它還支持自定義驗證碼樣式。 您可以選擇 v2（我不是機器人）、v2（隱形）或 v3。 它會自動檢測用戶的語言以顯示驗證碼和相應的設置。
您可以默認以多種形式添加驗證碼，但對於 Contact Form 7，您必須添加短代碼。 它提供免費和高級版本。 我們在使用 ShopReady 時嘗試了高級版本。
您可以從 WooCommerce 帳戶中的插件頁面輕鬆安裝它。 搜索 CAPTCHA 4WP，安裝並激活它以保護您的商店免受垃圾郵件發送者的侵害。
BestWebSoft 的 reCaptcha
BestWebSoft 帶來了另一種有效的驗證碼解決方案來保護您的 WooCommerce 商店。 它適用於幾乎所有表格，包括 WooCommerce 結帳賬單表格。
您可以通過此插件使用 reCaptcha v2、v3 和隱形版本。 顧客在繼續購物之前必須確認他們不是機器人。
它通過使用限制嘗試來防止垃圾郵件和暴力攻擊。 該產品得到快速友好的支持。
安裝很容易，就像任何其他 WP 插件一樣。 您可以從插件頁面下載、安裝和激活它。 設置完成後，您可以轉到設置並選擇結帳頁面或任何其他需要的位置來啟用它。
該插件包括簡單的設置和快速設置的詳細指南。 這是一個具有 RTL 就緒功能的多語言插件。 您還可以使用設置添加自定義代碼。 它還帶有多個驗證碼主題。 總而言之，該插件與 ShopReady 構建器工具配合得很好。
無插件
在看到插件方式之後，是時候了解如何在沒有插件的情況下將驗證碼添加到 WooCommerce 結帳頁面。
由於 Google 免費提供 reCaptcha v2 反垃圾郵件服務，因此您無需插件即可在您的網站上實施該服務。 我們在使用 ShopReady 時成功地實現了這一點。 它是最流行的驗證碼 API，你必須做一些編碼才能在沒有插件的情況下將它添加到你的 WC 結帳中。
但在您使用代碼片段之前，請記住您不能將其放在表單的付款部分。 您必須相應地選擇一個操作才能成功添加它。
<?php
/**
* 將 reCaptcha 添加到結帳表單
* @param $checkout
*/
函數 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);
/**
* 驗證 reCaptcha
*/
函數 doublee_process_recaptcha() {
$postdata = $_POST['g-recaptcha-response'];
$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);
$response = json_decode($verified_recaptcha);
如果（！$響應->成功）{
wc_add_notice('請確認你不是機器人','錯誤');
}
}
add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');
我們嘗試過，它與我們的 ShopReady WooCommerce 商店配合得很好。
如何在 Woocommerce Checkout 上啟用 Google Recaptcha V2？
為此，最好的方法是對 WooCommerce 插件使用 reCaptcha，因為它同時支持 V2 和 V3 版本。
- 首先，從 WC 帳戶下載 .zip 文件。
- 現在去 Admin > Plugins > Add New > Upload Plugin
- 選擇你下載的文件
- 安裝並激活 reCaptcha
- 激活後，轉到 wooCommerce > 設置
- 單擊設置中的 reCaptcha 選項卡
- 選擇 Recaptcha 版本為 ReCaptcha V2（複選框）
- 設置站點密鑰和密鑰
- 保持其他字段（如錯誤消息）不變
- 保存設置
- 從啟用驗證碼的選項卡列表中，選擇 WooCommerce 訪客結帳並勾選複選框以啟用reCaptcha 到訪客結帳頁面。
要獲取站點密鑰和密鑰，請按照以下步驟操作：
- 登錄您的 Google 帳戶
- 轉到Google ReCaptcha 管理控制台(https://www.google.com/recaptcha/admin)
- 點擊右上角的+按鈕
- 在添加標籤中添加您的網站名稱。
- 選擇 reCaptcha v2。
- 選中“我不是機器人”複選框。
- 添加網站域
- 接受服務條款
- 完成後點擊提交
- 應出現站點密鑰和密鑰； 只需複制和使用它們。
結論
這包含了將驗證碼添加到 WooCommerce 結帳的指南。 我們必須說所有這些驗證碼方法在我們的 ShopReady WooCommerce 結賬時都非常有效。 所以這篇文章也應該適合你！
它討論了一些可以有效保護您的 WC 商店免受垃圾郵件發送者的優秀插件。 WooCommerce 的 reCaptcha是這裡的佼佼者，可讓您輕鬆有效地設置 Google reCaptcha V2 或 V3。
我們還討論瞭如何通過在相應位置添加一些代碼來添加 reCaptcha V2 API。 無論您從上述方法中選擇哪種方式，都可以在啟用其中任何一種方式後保護您的網站免受欺詐性訂單的侵害。
WordPress 安全最佳實踐