如何在 WordPress 中添加 Cloudflare Turnstile 驗證碼

您想在 WordPress 中添加 Cloudflare Turnstile CAPTCHA 嗎?

CAPTCHA 和 reCAPTCHA 可以阻止垃圾郵件機器人,但它們也不受訪問者歡迎。 通過使用像 Turnstile 這樣的非侵入性技術,您可以保護您的網站免受垃圾郵件機器人和自動腳本的侵害,而不會打擾您的訪問者。

在本文中,我們將向您展示如何將 Cloudflare Turnstile 添加到您的 WordPress 網站。

如何在 WordPress 中添加 Cloudflare Turnstile CAPTCHA

為什麼要在 WordPress 中添加 Cloudflare Turnstile CAPTCHA?

垃圾郵件對於包括 WordPress 在內的所有網站來說都是一個大問題。 垃圾郵件機器人可以使用不安全的形式向您發送垃圾連結,這將使您更難獲得潛在客戶。

他們還可以嘗試通過暴力攻擊或用垃圾評論充斥您的網站來侵入您網站的登錄表單,這會損害訪問者體驗和您的WordPress SEO。

如果您經營一家在線商店,那麼自動化腳本甚至可能會發出欺詐性訂單。

許多網站擁有者使用CAPTCHA和reCAPTCHA來阻止腳本和機器人程式。 然而,很多人抱怨這些技術帶來了糟糕的用戶體驗,有些人甚至擔心 CAPTCHA 會竊取他們的數據。

現在,Cloudflare 推出了 Turnstile CAPTCHA。 這種替代技術使用了一系列非侵入性驗證,這些驗證通常在瀏覽器中不可見地運行。 這使您可以在不要求訪問者完成複雜謎題的情況下保護您的網站。

為了説明保護訪問者資訊的私密性,Cloudflare 使用 Apple 的 Private Access Tokens 來測試訪問者是否是真人,而無需收集額外數據。

如果您使用的是表單生成器或 WooCommerce,那麼 Turnstile 還會與這些第三方外掛程式整合。 這允許您在 WordPress 網站的許多不同區域添加不可見的驗證碼。

考慮到這一點,讓我們看看如何在 WordPress 中添加 Cloudflare Turnstile CAPTCHA。

安裝 WordPress Cloudflare 驗證碼外掛程式

將 Cloudflare 的驗證碼添加到 WordPress 的最簡單方法是使用Simple Cloudflare Turnstile。 這個免費外掛程式允許您將您的網站連接到 Turnstile 服務,然後檢查它是否正確回應您的請求。

首先,您需要安裝並啟動外掛程式。

啟動后,轉到設置 » Cloudflare Turnstile

將網站金鑰和金鑰添加到 WordPress 網站

該外掛程式現在會要求您提供網站金鑰和網站密碼。

您可以通過按兩下「您可以從此處獲取您的網站金鑰和密碼」旁邊的連結免費獲取這些內容。

獲取 Cloudflare Turnstile 網站密碼和網站密鑰

該連結會將您帶到Cloudflare 登錄頁面,您可以在其中註冊您的域並創建網站金鑰和網站密碼。 這是免費的,但如果您還沒有,則需要使用您的電子郵件地址創建一個 Cloudflare 帳戶。

登錄到 Cloudflare 儀錶板後,在左側功能表中找到“Turnstile”並按兩下它。

Cloudflare 儀錶板

這將帶您進入一個螢幕,其中包含有關 Cloudflare Turnstile 的一些基本資訊。

如果您樂意繼續,請按兩下「添加網站」 按鈕。

將網站添加到 Cloudflare 儀錶板

在此螢幕上,首先輸入「網站名稱」。

這僅供您參考,因此您可以使用任何您想要的東西。

將 WordPress 網站添加到 Cloudflare 儀錶板

接下來,在“域”欄位中輸入您網站的功能變數名稱。

下一步是選擇要創建的驗證碼小部件。 首選是“Managed”,這是 Cloudflare 推薦的方法。 Cloudflare 在這裡分析瀏覽器的請求,然後決定它應該運行哪種挑戰。

發生這種情況時,訪問者將看到載入動畫。

將 Cloudflare Turnstile CAPTCHA 添加到 WordPress

只要有可能,Cloudflare 就會嘗試在後台運行非互動式驗證,因此訪問者無需執行任何操作。

在這種情況下,當瀏覽器通過測試時,使用者只會看到一條“成功”消息。

創建託管的 Cloudflare Turnstile CAPTCHA

有時,Cloudflare 可能會決定顯示互動式挑戰更安全。 然而,訪問者只需要勾選一個框而不是完成一個謎題,所以它仍然比傳統的基於謎題的驗證碼更容易。

除非您有特殊原因不這樣做,否則使用託管驗證碼是明智的,因為這可以為您提供良好的安全級別,同時將對訪問者體驗的影響降至最低。

如何為 WordPress 建立託管驗證碼

不想在您的WordPress 網站上使用互動式挑戰? 然後您可以選擇「非互動式」或「不可見」。

非互動式挑戰在瀏覽器中運行,因此訪問者無需採取任何操作。 就像託管的驗證碼一樣,訪問者將在挑戰完成時看到載入動畫和“成功”消息。

如果您改為選擇“不可見”,則訪問者將看不到動畫或成功消息。 此設置允許您對訪問者完全隱藏驗證碼,這可以避免混淆並且不會給您的WordPress 主題添加任何混亂。

做出決定後,按兩下「創建」 按鈕。

完成後,Cloudflare 將顯示您的網站金鑰和秘密密鑰。

為您的 WordPress 網站創建網站金鑰和金鑰

您現在可以將此資訊添加到您網站上的外掛程式設置中。

將 Cloudflare Turnstile CAPTCHA 添加到您的 WordPress網站

在您的 WordPress 儀錶板中,返回設置 » Cloudflare Turnstile。 您現在可以繼續將「網站金鑰」和「網站密碼」添加到您的 WordPress 儀錶板。

將 Cloudflare 金鑰和網站金鑰添加到 WordPress

之後,您可能想要自定義驗證碼在您的網站上的外觀及其行為方式。 首先,您可以打開“主題”下拉功能表並選擇淺色、深色或自動。

下圖顯示了“深色”主題在 WordPress 評論部分中的外觀示例。

具有深色主題的 Cloudflare Turnstile CAPTCHA

默認情況下,Cloudflare Turnstile 會向訪問者顯示“請確認您是真人”消息。 您可能想要變更此設定。 例如,您可能會簡要說明為什麼驗證碼如此重要,或者只需幾秒鐘即可完成。

要添加您自己的措辭,只需在“自定義錯誤消息”字段中輸入即可。

為 WordPress CAPTCHA 建立自訂錯誤訊息

之後,您可以選擇要使用 Cloudflare Turnstile CAPTCHA 的表單。

您看到的選項可能會因您安裝的外掛程式而異,但預設情況下,您可以將 Turnstile 與所有內置的 WordPress 表單一起使用。 這包括登錄頁面用戶註冊表單和密碼重置頁面。

為 WordPress 表單啟用 Cloudflare Turnstile CAPTCHA

當您對輸入的信息滿意時,滾動到螢幕底部並點擊“保存更改”。

現在,如果你訪問你的網站,你會看到Turnstile CAPTCHA在運行。

在你的WordPress表單中添加Turnstile驗證碼

WordPress有不同的內置表單,但你經常想創建自定義表單。 例如,你可以用專業設計的替代方案來取代預設的表格,以更好地適應你的網站。

你還可以添加核心WordPress軟體中缺少的表格,如聯繫表格和在線訂單表格。

Simple Cloudflare Turnstile與WordPress最好的聯繫表單外掛程式集成,包括WPForms和Formidable Forms。 這允許你在你的所有表單中添加相同的高級驗證碼,無論你如何創建它們。

如何將驗證碼添加到 WordPress 聯繫表單

要將驗證碼添加到任何 WPForms 或 Formidable Forms 頁面,只需轉到WordPress 儀錶板中的設置 » Cloudflare Turnstile

在頁面底部,您應該看到 WPForms 或 Formidable Forms 部分,具體取決於您使用的外掛程式。

將 Cloudflare 與 WPForms 和 Formidable Forms 集成

只需按兩下這些部分中的任何一個即可展開。

要將驗證碼添加到您的所有表單中,只需選取「對所有… 啟用「框」。

為 WPForms 啟用驗證碼

如果您使用的是“託管”或“非互動式”驗證碼,那麼您可以更改載入和成功動畫是出現在表單的“提交”按鈕之前還是之後。

在下圖中,我們使用“After button”選項。

更改驗證碼在 WPForms 中的顯示位置

要進行此更改,只需打開“Widget Location”下拉功能表即可。

然後,選擇“Before Button”或“After Button”。

更改驗證碼小部件的位置

有些表格可能不需要驗證碼。 例如,您可以為轉換次數不多的表單禁用驗證碼,以查看這是否會提高您的轉換率。

要刪除驗證碼,您需要在“禁用表單 ID”字段中輸入表單 ID。

從 WPForms 中刪除驗證碼

如果您使用的是 WPForms,那麼您可以通過轉到WPForms » All Forms來取得此 ID 。

短代碼「列顯示每個表單的ID。 例如,在下圖中,表單ID為62。

如何在您的 WordPress 網站上禁用驗證碼

如果您是 Formidable Forms 使用者,請轉到Formidable » Forms

在此螢幕上,找到您要排除的表單並記下“ID”列中的編號。

使用 Formidable Forms WordPress 外掛程式創建的表單

您現在可以將這些 ID 添加到「禁用表單 ID」 欄位。

要從多個表單中刪除驗證碼,只需用逗號分隔每個ID。

為多個表單禁用 Cloudflare CAPTCHA

當您對設置集成的方式感到滿意時,請不要忘記按下「保存更改」以存儲您的設置。

現在,如果您訪問使用 Formidable Forms 或 WPForms 創建的任何表單,您將看到正在運行的 Cloudflare Turnstile CAPTCHA。

將 Cloudflare Turnstile CAPTCHA 添加到 WooCommerce

腳本和機器人不僅僅會對WordPress 博客和網站照成影響。 如果您經營一家在線商店,垃圾郵件機器人和自動腳本可能會嘗試在您的商店註冊並下假訂單。

每筆交易都帶有處理提要,因此虛假訂單可能會花費您很多錢並使您的業務難以發展。

好消息是 Cloudflare Turnstile 還集成了WooCommerce。 這使您可以保護所有電子商務頁面,包括 WooCommerce 登錄、註冊和結帳頁面。

WooCommerce 結帳頁面上的 Cloudflare Turnstile CAPTCHA

要將 Cloudflare Turnstile 添加到您的 WooCommerce 頁面,只需轉到設置 » Cloudflare Turnstile

然後,滾動到“WooCommerce 表單”部分。

將驗證碼添加到您的 WooCommerce 表單

如果尚未展開,請按兩下此部分。

您現在將看到所有 WooCommerce 頁面,您可以在其中添加 Cloudflare 驗證碼。 只需選取您要保護的每個頁面旁邊的框。

使用驗證碼保護您的 WooCommerce 商店

之後,不要忘記按兩下保存更改來存儲您的設置。 現在,如果您訪問任何 WooCommerce 頁面,您將看到 Cloudflare Turnstile CAPTCHA。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *