Contact-Form-7-加上reCAPTCHA-教學

Contact Form 7 加上reCAPTCHA 教學

  • 七月 4, 2019
  • 文章
  • No comments

通常我們在處理表單,我們會而外加入 reCAPTCHA。 reCAPTCHA是一個網頁驗證機制來確認輸入表單不是機器人或自動化程式。reCAPCHA 的驗證方式有很多種從選圖片, 確認文字,到現在就是觀察表單輸入的行為。

現在最新版 reCAPTCHA v3 跟以往最大的不同就是 這一版本不用輸入或點擊任何驗證。 reCAPTCHA v3 會透過表單輸入的過程自動判斷使用者是否是機器人。

Contact Form 7 如何加 reCAPTCHA

首先先在Contact Form 的選項裡選擇Integration。Integration 是Contact Form 串第三方的方式。

點Contact Integration

接下來點Google reCAPTCHA的連結,我們要先註冊Google reCAPTCHA 帳號還有取得API key

點google recaptcha連結
點選Admin console

接下來輸入網站的資料,這邊應該還可以滿簡單的。

輸入完就會拿到API key(金鑰)

最後就簡單了,就回Wordpress admin 選設定整合模組,再來輸入 API Key 這樣就完成了😄👍。

完成✅之後我在我們的表單就會看到 reCAPTCHA 的圖。這樣就完成了!

相關資源

Introducing reCAPTCHA v3: the new way to stop bots

關於作者: Danny Huang

大家好,我是Danny,是位熱愛程式的前端工程師,具有豐富工作與接案經驗。我在這裡會陸續推出一些網頁開發,線上行銷的文章。 如果喜歡這方面的文章可以加入email list。