wordpress如何将谷歌CAPTCHA添加到WordPress联系人表单

快来打我* 2021-09-08 19:50 477阅读 0赞

# 联系表格是增加网站参与度的好工具，WordPress提供了简单的插件来帮助您将插件添加到您的网站。但是，如果没有足够的保护，它们很快就会被垃圾邮件淹没。在本文中，您将学习如何添加一个称为CAPTCHA的安全功能来保护您的WordPress联系人表单。将CAPTCHA（或我们的例子中的reCAPTCHA）添加到WordPress联系人表单中仅需几分钟，但是从长远来看，它可以为您节省很多麻烦。 #

不确信您需要联系表吗？在这种情况下，您可能需要阅读[在网站上使用联系表的4个重要理由][4]。如果您有一个并且转换效果不佳，请考虑实施我们的[“增加联系表参与度的技巧”][Link 1]。如果您对选择的数量感到不知所措，那么我们将为您介绍有关[“最佳WordPress联系人表单插件”的文章][WordPress]。

一旦确定了所有内容，您将需要确保您的联系表中装有CAPTCHA。

*  [What Is CAPTCHA and Why Is It Important in WordPress?][What Is CAPTCHA and Why Is It Important in WordPress]
 *  [How to Get Your Site Key and Secret Key for ReCAPTCHA][]
 *  [How to Add CAPTCHA to Forminator][]
 *  [How to Add CAPTCHA to Contact Form 7][]
 *  [How to Add CAPTCHA to Ninja Forms][]
 *  [How to Add CAPTCHA to WPForms][]
 *  [How to Add CAPTCHA to Other WordPress Forms][]
 *  [ReCAPTCHA + WordPress Contact Forms = A Winning Combo!][ReCAPTCHA _ WordPress Contact Forms _ A Winning Combo]

*  [什么是验证码，为什么在WordPress中如此重要？][What Is CAPTCHA and Why Is It Important in WordPress]
 *  [如何获取ReCAPTCHA的站点密钥和秘密密钥][How to Get Your Site Key and Secret Key for ReCAPTCHA]
 *  [如何将CAPTCHA添加到Forminator][How to Add CAPTCHA to Forminator]
 *  [如何将CAPTCHA添加到联系表7][How to Add CAPTCHA to Contact Form 7]
 *  [如何将CAPTCHA添加到忍者表单中][How to Add CAPTCHA to Ninja Forms]
 *  [如何将验证码添加到WPForms][How to Add CAPTCHA to WPForms]
 *  [如何将CAPTCHA添加到其他WordPress表单][How to Add CAPTCHA to Other WordPress Forms]
 *  [ReCAPTCHA + WordPress联系表格=获奖组合！][ReCAPTCHA _ WordPress Contact Forms _ A Winning Combo]

## **什么是验证码，为什么在WordPress中如此重要？** ##

CAPTCHA是一个旨在告诉人类和机器人之间差异的程序，在本例中，该程序是垃圾邮件机器人，它们在网络上爬行以寻找不受保护的联系表。验证码通常通过设计一种人类可以轻松绕过而机器人却无法绕过的测试或陷阱来工作。由于垃圾邮件机器人一直在发展，因此验证码也已适应。由Google开发的CAPTCHA的高级版本称为[reCAPTCHA][]，它是任何网站的免费附件，并且能够阻止大多数垃圾邮件攻击。

由于WordPress联系人表单通常通过将条目发送到您的网站数据库或收件箱（或两者）来工作，因此防止WordPress联系人表单中的垃圾邮件尤为重要。没有人愿意醒来来一个满是收件箱的人，或者一个突然变成三倍大小的数据库的人！确保联系表单不受垃圾邮件机器人的侵扰，可以确保您不必浪费任何时间和精力清理它们。

## **如何获取ReCAPTCHA的站点密钥和秘密密钥** ##

为了将reCAPTCHA添加到任何网站，您首先需要从Google获得网站密钥和秘密密钥。

1.  转到[https://www.google.com/reCAPTCHA/admin/create][https_www.google.com_reCAPTCHA_admin_create]。这是Google CAPTCHA创建页面的屏幕截图，因此您会知道会发生什么：  
    ![reCaptcha配置][reCaptcha]
2.  在必填字段中**填写**信息，然后**选择**您要使用**的验证码类型**。出于本文的目的，我们将使用*v2“我不是机器人”* reCAPTCHA。
3.  点击**提交**
4.  您将被带到一个新页面，其中包含reCAPTCHA的**站点密钥**和**秘密密钥**。

现在您已经有了站点密钥和秘密密钥，您就可以将reCAPTCHA与您的网站集成了。要将CAPTCHA添加到站点上的任何其他插件或元素中的任何时候，都可以使用相同的站点密钥和秘密密钥。让我们看看如何在一些流行的联系表单插件上使用CAPTCHA，然后我们将探索如何将其与任何其他表单元素集成。

![57d7b6c039d50147168578d4dcebb461.png][]

## **如何将CAPTCHA添加到Forminator** ##

在上一篇文章中，Forminator是我们评价最高的联系表单插件，而它之所以登顶的原因之一就是它的设置和使用非常容易。在Forminator中设置CAPTCHA与使用Advanced NoCAPTCHA进行设置非常相似，但是无论如何，我们将快速完成该过程。

1.  **安装**并**激活**Forminator，然后**单击**左侧栏中**的插件名称**以访问其主菜单。
2.  侧边栏中的菜单将展开，您可以点击**设置**。
3.  在Forminator设置页面中，点击**Google reCAPTCHA**。
4.  **选择**适当类型的CAPTCHA，并且**填写**的**网站键**和**秘密密钥**和以前一样，然后点击**保存设置**。

就是这样！现在，reCAPTCHA将作为您可以轻松添加到任何表单的字段提供。

![f87ffe4f018a7012a921e64548b74f0c.png][]

## **如何将CAPTCHA添加到联系表7** ##

1.  **安装**并**激活**联系表7。
2.  单击插件菜单中的**“设置”**，或单击左侧栏中的“**联系人**”以访问完整的CF7菜单。
3.  单击边栏中的“**集成**”，然后在*reCAPTCHA*下单击“**设置集成**” 。
4.  现在，您会看到一个应该看起来很熟悉的屏幕-在这里您可以输入**站点密钥**和**秘密密钥**，然后单击**保存更改**。

就是这样！Contact Form 7自动使用Google reCAPTCHA v3，人类用户看不见它，因此完全不会中断用户体验。启用此设置后，您的联系表单7表单将受到不可见的reCAPTCHA的保护。

![7182a50759824a851a145b9aac3d1bfd.png][]

## **如何将CAPTCHA添加到忍者表单中** ##

1.  要使用Ninja Forms设置CAPTCHA，**请安装**并**激活**该插件。
2.  单击或将鼠标悬停在左侧边栏中其名称上。
3.  点击**设置**。
4.  在此处输入您的**站点密钥**和**秘密密钥，**以激活Ninja Forms的reCAPTCHA。
5.  此插件还要求您**输入语言代码**。该代码对于英语是*en*，对于法语是*fr*。要查找其他语言的代码，您可以单击“语言”字段下方“忍者表格”提供的链接。
6.  **选择一个主题**，然后向下滚动并单击“**保存设置”**。

这就是Ninja Forms的全部内容！与Forminator相似，Ninja Forms现在将在其拖放生成器中为您提供“ reCAPTCHA”块。

![2690afd13b66cb63f6f92f7ba8dd3753.png][]

## **如何将验证码添加到WPForms** ##

到目前为止，您可能已经很满意将CAPTCHA或reCAPTCHA添加到WordPress表单中，但是我们将介绍WPForms中另一个更流行的示例。

1.  一旦你**安装**和**激活**插件，鼠标或左侧边栏中单击其名称，然后转到设置。
2.  您将进入带有一个带有**reCAPTCHA选项卡**的菜单的WPForms品牌页面。单击它，您将到达屏幕，您可以在其中输入**站点密钥**和**秘密密钥**。
3.  您可以**选择**要使用**的reCAPTCHA类型**，还可以在单击**保存设置**之前设置自定义失败消息。
4.  WPForms还包括一个称为“*无冲突模式”*的选项，该选项可以帮助防止同一页面上的其他CAPTCHA实例出现问题。

与Forminator和Ninja Forms一样，为WPForms启用reCAPTCHA后，它在创建或编辑表单时将成为可添加的元素。

## **如何将CAPTCHA添加到其他WordPress表单** ##

尽管大多数流行的联系表单插件都在其功能中内置了验证码，但也可以手动将验证码添加到被滥用的WordPress上的任何表单元素中。这些包括联系表，但也包括评论表，登录页面和optin表单。为此，我们将使用[Advanced NoCAPTCHA和Invisible CAPTCHA][Advanced NoCAPTCHA_Invisible CAPTCHA]插件。

专家提示：如果您使用的插件具有内置的CAPTCHA集成，请使用该插件。如果您需要将CAPTCHA添加到内置的元素中，则Advanced NoCAPTCHA是一个有用的选项。

![我不是机器人][afeda68ec760006fc8188fb46138a829.png]  
如您所见，Google reCAPTCHA现在已经与我网站的评论表单集成在一起。

1.  从WordPress存储库**安装**并**激活**插件。
2.  当您重定向到插件菜单时，请点击*Advanced NoCAPTCHA和Invisible CAPTCHA*下的**设置**。
3.  **将**站点密钥和秘密密钥**复制**并**粘贴**到*Advanced NoCaptcha和Invisible CAPTCHA*插件页面上的相应字段中。
4.  **根据需要配置**其余选项-在本教程中，我只是选中了启用的表单旁边的*注释表单*框，并将其他所有设置保留为默认设置。
5.  确定可以正确设置后，**向下滚动**并点击**保存更改**。
6.  现在看一看您的博客文章。

## **ReCAPTCHA + WordPress联系表格=获奖组合！** ##

现在，您应该了解什么是验证码以及它的作用。您还应该知道为什么对WordPress网站如此重要，以及如何只需单击几下即可将其添加到任何表单中。正确配置它可以大大减少您收到的垃圾邮件数量，从而节省宝贵的时间。如果您知道某人的WordPress网站遭受了大量垃圾邮件的困扰，请确保将其引导至本文！

谢谢阅读！如果您对WordPress中的验证码有任何疑问，或想在本教程中添加特定的插件，请在评论中告知我们。

[4]: https://whc.ca/blog/4-great-reasons-to-use-a-contact-form-on-your-website/
[Link 1]: https://whc.ca/blog/7-tips-for-increasing-contact-form-engagement/
[WordPress]: https://whc.ca/blog/the-6-best-wordpress-contact-form-plugins/
[What Is CAPTCHA and Why Is It Important in WordPress]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#what-and-why
[How to Get Your Site Key and Secret Key for ReCAPTCHA]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#recaptcha
[How to Add CAPTCHA to Forminator]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#forminator
[How to Add CAPTCHA to Contact Form 7]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#contact-form-7
[How to Add CAPTCHA to Ninja Forms]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#ninja-forms
[How to Add CAPTCHA to WPForms]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#wpforms
[How to Add CAPTCHA to Other WordPress Forms]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#other
[ReCAPTCHA _ WordPress Contact Forms _ A Winning Combo]: https://whc.ca/blog/how-to-add-captcha-to-wordpress-contact-forms/#winning-combo
[reCAPTCHA]: https://www.google.com/recaptcha
[https_www.google.com_reCAPTCHA_admin_create]: https://www.google.com/recaptcha/intro/v3.html
[reCaptcha]: /images/20210908/fdc796b7156b4c31857da4de4cf3621d.png
[57d7b6c039d50147168578d4dcebb461.png]: /images/20210908/621b7818690d453197e1224d1338ee32.png
[f87ffe4f018a7012a921e64548b74f0c.png]: /images/20210908/d666bc40e1aa431d867b99b718512272.png
[7182a50759824a851a145b9aac3d1bfd.png]: /images/20210908/5878047729e34e1783986d6210ab7762.png
[2690afd13b66cb63f6f92f7ba8dd3753.png]: /images/20210908/6e87f66f4116419ca4859934ac422d9e.png
[Advanced NoCAPTCHA_Invisible CAPTCHA]: https://en-ca.wordpress.org/plugins/advanced-nocaptcha-recaptcha/
[afeda68ec760006fc8188fb46138a829.png]: /images/20210908/183b99cc6a3b4356812eee68c0203c31.png