如何將 Cloudflare Turnstile CAPTCHA 添加到您的表單

已發表: 2023-03-13

您想將 Cloudflare Turnstile CAPTCHA 添加到您的 WordPress 表單嗎?

Cloudflare Turnstile 是一個類似於驗證碼的替代小部件,有助於防止在您的表單上提交垃圾郵件。 這個小部件非常人性化,很容易在您創建或已有的表單上啟用。

在本文中,我們將引導您完成將 Cloudflare Turnstile CAPTCHA 添加到您的表單的 6 個步驟。

立即創建您的 WordPress 表單

為什麼我應該在 WordPress 中使用 Cloudflare Turnstile CAPTCHA?

正如我們提到的,Cloudflare Turnstile 是一個類似於驗證碼的小部件,它對用戶友好且易於添加到您的 WordPress 表單中。

Cloudflare Turnstile CAPTCHA 確認您的表單用戶是訪問您網站的真人,而不是垃圾郵件發送者或機器人,無需用戶完成謎題。

WPForms 是最好的 WordPress 表單生成器插件。 免費獲取!

另外,它是免費的!

Cloudflare Turnstile 為您可能遇到最多垃圾郵件的 WordPress 表單增加了另一層安全保護。 使用此小部件,您可以在設置中使用各種自定義選項,從而獲得所需的安全類型。

在 WordPress 中啟用 Cloudflare Turnstile 的過程很簡單,我們將通過 6 個步驟向您展示如何完成。

如何將 Cloudflare Turnstile CAPTCHA 添加到您的表單

在本文中

  • 1. 安裝並激活 WPForms
  • 2. 在 WPForms 中設置 Cloudflare Turnstile
  • 3. 在 Cloudflare 中添加您的站點
  • 4. 將 API 密鑰添加到 WPForms
  • 5.配置附加設置
  • 6. 將 Cloudflare Turnstile 添加到表單

1. 安裝並激活 WPForms

首先,您需要在 WordPress 儀表板上安裝並激活 WPForms。

您可以直接從我們的 WPForms 站點下載該插件,您可以在其中選擇最適合您需要的計劃和許可。

The WPForms website

有關下載和安裝 WPForms 插件的更多指導,請查看我們關於該主題的完整教程。

2. 在 WPForms 中設置 Cloudflare Turnstile

在 WordPress 儀表板中安裝 WPForms 後,您需要設置 Cloudflare Turnstile。

從您的儀表板,導航至WPForms » 設置。 然後,單擊標題為CAPTCHA的選項卡。

Setting up CAPTCHA in WPForms

接下來,單擊Turnstile方塊以選擇 Cloudflare Turnstile 作為您的驗證碼方法。

Selecting Turnstile in WPForms CAPTCHA settings

選擇 Turnstile 後,您需要創建一個新的 Cloudflare 帳戶並生成一組 API 密鑰,以便將其與 WPForms 連接。 我們稍後將在步驟 #3 中介紹這一點。

所以,現在,讓這個選項卡保持打開狀態,然後繼續下一步。

3. 在 Cloudflare 中添加您的站點

要添加您的站點並生成 API 密鑰,您首先需要設置您的 Cloudflare 帳戶。

進入 Cloudflare 儀表板後,向下滾動到Turnstile選項卡並單擊Add site

Adding site in Turnstile settings

現在,輸入您將使用 Turnstile 的站點名稱

Adding site in Turnstile settings

但別擔心,這個站點名稱不是公開的,它只是為了幫助您在 Cloudflare 帳戶中識別它。

接下來,在標有域的框中輸入您的網站地址。

Adding domain in Turnstile settings

請記住,您可以在此處添加多個域。 這意味著您可以在使用 Cloudflare Turnstile 的所有網站上僅使用一組 API 密鑰。

現在,您將決定您希望 Cloudflare 如何處理您網站表單上的 CAPTCHA 請求。 您可以在ManagedNon-interactiveInvisible之間進行選擇。

Widget Type下進行選擇。

Selecting Turnstile widget type

Managed選項允許 Cloudflare 決定是顯示交互式挑戰還是自動驗證用戶。 Cloudflare 將根據用戶的瀏覽器數據和交互做出此決定。

非交互選項將在您網站的前端顯示 CAPTCHA 小部件,並且不需要您的網站用戶進行交互。 Cloudflare 將運行挑戰並自動驗證用戶。

最後, Invisible選項也不需要用戶交互,只會在後台運行。

做出選擇後,單擊創建以將您的選項添加到您的網站。

Clicking create in Turnstile settings

現在,您終於可以生成 WordPress 站點所需的一組唯一的 API 密鑰。 單擊創建將自動為您生成這些密鑰。

Entering site keys in Turnstile Settings

您的 WPForms 設置需要站點密鑰密鑰,因此請準備好在下一步中復制和粘貼它們。

4. 將 API 密鑰添加到 WPForms

現在您已從 Cloudflare Turnstile 獲得 API 密鑰,您需要將它們添加到 WPForms。

返回您的 WPForms 設置,並將每個鍵粘貼到必要的字段中。

Entering site keys in WPForms settings

現在,您將在 WPForms 中配置 Cloudflare Turnstile 設置。

5.配置附加設置

您能夠配置的第一個附加設置是您的表單用戶可能會收到的失敗消息。 如果用戶在未完成 Cloudflare Turnstile 挑戰的情況下嘗試提交表單,他們將收到此消息。

您會在上面輸入的密鑰下方直接找到此消息設置。 您可以更新此消息以顯示您希望用戶收到的任何內容。

Updating Turnstile fail message

此頁面上要配置的下一個設置是小部件的樣式。

您將從“類型”下拉菜單中進行選擇,從“自動”、“淺色”或“深色”樣式中進行選擇。

Selecting Turnstile style type

請記住,選擇默認的自動樣式將從淺色模式切換到深色模式,具體取決於表單用戶的設置。

接下來,您將看到此頁面的預覽部分,它將向您展示 Cloudflare Turnstile 小部件將如何顯示在您的網站上。

請務必在預覽小部件之前保存您的設置。

Previewing Turnstile settings

預覽設置的正下方是無衝突模式設置。

無衝突模式會刪除任何未由 WPForms 加載的 Cloudflare Turnstile 代碼。 例如,如果 Cloudflare Turnstile 由 WPForms 和您的 WordPress 主題上傳,則 Turnstile CAPTCHA 可能無法正常工作。

如果您無法讓 Turnstile 在您的網站上運行,您可能需要啟用此設置來解決問題。 但是,我們不建議打開無衝突模式,除非您在使用 Turnstile 時遇到問題。

Saving Turnstile settings

現在,您應該能夠預覽 Cloudflare Turnstile 小部件。

Previewing Cloudflare Turnstile widget

這就是配置所有附加設置! 現在您已準備好將小部件添加到您的表單中。

6. 將 Cloudflare Turnstile 添加到表單

配置站點密鑰和設置後,您現在可以將 Cloudflare Turnstile 添加到 WPForms 中的任何新表單或現有表單。

繼續並進入新的或已經製作的表單的表單生成器以檢查這個新字段。

滾動標準字段並選擇Turnstile字段以將其拖放到您的表單上。

Selecting Turnstile field in form builder

您還可以通過設置»垃圾郵件防護和安全為您的表單啟用或禁用 Cloudflare Turnstile。

Updating spam protection settings

從這裡導航到 CAPTCHA 部分,並確保啟用 Cloudflare Turnstile選項已切換到打開位置。

Enabling Cloudflare Turnstile widget

然後,要檢查它是否已在表單構建器中啟用,請在右上角查找Turnstile徽章。

Viewing Turnstile badge in form builder

如果您在表單生成器上沒有看到 Turnstile 徽章,請檢查您的 Cloudflare Turnstile API 密鑰。 它們可能設置不正確。

現在您要做的就是確保 Cloudflare Turnstile 按照您希望的方式在您的表單上工作!

只需向您的表單提交測試條目即可檢查您的 Cloudflare Turnstile CAPTCHA。

就是這樣! 您現在在您的 WordPress 網站上增加了一層安全保護。

立即創建您的 WordPress 表單

接下來,考慮其他 reCAPTCHA 替代方案

Cloudflare Turnstile 是 reCAPTCHA 的一種很好的替代方法,但它只是眾多方法中的一種。 有關如何在不使用 reCAPTCHA 的情況下保護您的網站的更多建議,請查看我們最喜歡的用於聯繫表單的替代方法。

準備好構建表單了嗎? 今天開始使用最簡單的 WordPress 表單生成器插件。 WPForms Pro 包含大量免費模板,並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們以獲取更多免費的 WordPress 教程和指南。