WPForms插件介绍及WordPress表单创建教程

独立站最显著的一个优点便是可以掌握用户数据，那么独立站掌握用户数据的有效方式之一就是借助联系表单、订阅表单让访客留下姓名、联系方式等。WPForms插件是WordPress外贸建站过程中最常使用到的插件，下文将围绕WPForms插件展开，WordPress使用WPForms插件创建表单的过程。

一、WPForms插件介绍

WPForms 是一款免费增值型WordPress插件，得益于现成的模板和拖放式界面，无需编码即可创建各种类型的表单（如联系、支付、订阅、调查等），以易用性和灵活性为特点。

WPForms提供两种版本：

• 一个免费版本 （WPForms lite），可以从 WordPress 仪表盘安装并激活。
• 一个高级版本 （WPForms Pro），价格从$39.50/年起。

WPForms 拥有超过 600 万个活跃安装，是官方目录中最受欢迎的联系表单插件，与 Contact Form 7 并列。虽然最初作为创建联系表单的WordPress插件，但 WPForms 远不止于此，可以用它来设置（几乎）任何种类的表单

• 支付表单：如果想在你WordPress 网站上销售产品或服务，WPForms 与 Stripe 和 PayPal 支付网关集成。
• 登录表单：例如用于访问会员区域。
• 投票和调查 。
• 酒店或餐厅的预订表等。
• 用于设置捐赠的表单。
• 订阅新闻 。
• 报价请求表等。

此外WPForms拥有反垃圾邮件功能，在创建表单时会自动激活，这对于避免被电子邮件和不需要的信息污染至关重要，同时也能保护网站安全。

二、WPForms插件创建WordPress表单教程

1、安装并激活插件

通过WordPress仪表盘，在插件-添加新插件中，在搜索栏中输入“WPForms”。

点击“立即安装”，然后激活该插件，之后将在管理界面中看到一个名为“WPForms”新的菜单。

在这里可以创建和自定义表单，WPForms 的 Contact Form 激活后会立即将用户重定向到着陆页，它提供例如以下功能：

• 创建第一个表单。
• 参与 WPForms 挑战 ：该插件邀请用户在 5 分钟内设计第一个表单。
• 观看视频教程或阅读指南 ，了解如何创建表单。

注：如果购买了 WPForms Pro，请下载客户区域的 zip 文件，然后将其添加到WordPress独立站中，路径为：插件-新建插件-上传插件。

2、选择表单模板

要添加第一个表单，可以通过以下这个页面，否则通常情况下，应该通过WPForms-添加菜单路径实现，之后需要做两件事：

• 给表单命名 （例如联系表单 1）。
• 选择一个表单模板 。可以在左侧列中按类别筛选。在免费版本中，WPForms 提供 25 种不同类型的表单。例如联系表单、订阅表单或新闻简报注册表单，本次将从简单联系表单开始。

3、向表单添加字段

选择喜欢的表单模板后，WPForms 将带用户进入表单定制界面，界面可以分为4个区域：

• 左侧边栏 （图片的区域#1）对表单进行一般设置（设置、字段、设置、营销、支付）。
• 蓝色区域（区域#2）， 有两个区域可以对表单并行更精细的定制。
• 在屏幕中间 （区域 #3），可以看到表单预览，所有更改（添加/修改字段）都能实时显示。
• 在页面顶部 （区域 #4），用于保存、预览和将表单嵌入到内容中的条形按钮。

添加和自定义表单字段

选择想要的字段，然后将其拖放到表单预览中。WPForms 免费版仅允许添加 10 个标准字段，若要使用所有提供的字段，需要升级到高级许可证。

拖放功能还允许更改所有字段的顺序，并按自己希望的方式重新排列它们。点击想要编辑的字段，即可进行编辑，之后需要对“字段选项”标签页进行设置，该标签页本身包含 3 个标签：

• “ 常规 “：可以修改每个字段的措辞和格式，以便将其翻译成商家想要的语言。可以选择是否必须填写该字段才能提交表单（通过禁用“必填”的小按钮，它将不再必填）。
• “ 高级 ”允许调整字段的大小，添加 CSS 类，甚至隐藏标签。
• “ 智能逻辑 ”是专业版功能，仅用于向表单添加条件逻辑。

完成初步设置后，请使用页面顶部的专用按钮保存表单，在将其集成到内容之前，建议查看其他可用的设置。

4、调整表单

在WordPress网站建设完成之前，还有一些细节需要微调，为此请转到左侧边栏的“设置”菜单。

WPForms 免费版允许在以下三个层面上进行操作：

• “ 常规 ”来更改提交按钮的文本。默认情况下，建议使用“提交”，对当前提交按钮的文本做同样的处理。例如输入“加载中…”而不是“发送中…”。
• “ 通知 ”来激活发送…通知的功能，即当表单提交时发送的电子邮件。
• “ 确认 ”来设置表单提交后显示简短消息（例如，“感谢联系我们，我们将尽快回复您”），也可以显示特定页面或链接到页面（例如，首页或落地页）。
• “营销”标签将允许将 WPForms 与电子邮件营销服务或 CRM（客户关系管理）集成，免费版本只有 2 个可能的选择：与 Constant Contact 或 Uncanny Automator 集成。

最后请注意免费插件不提供支付网关集成（“支付”选项卡）。

5、将表单集成到WordPress内容中

使用 Contact Form by WPForms 创建表单的最终步骤是将它集成到WordPress商城中。通过点击页面顶部的“嵌入”按钮，WPForms 将提供选择要集成表单的页面，或创建一个新页面的选项。

这里将通过两个经典案例向你展示如何使用 Gutenberg 模块或短代码来实现。

（1）如何在页面或文章中集成WPForms表单

商家有一个很棒的联系方式页面，并想在其中集成一个表单？前往想要添加表单的页面，并定义想要添加表单的区域。

此时有两个选项：

• 要么添加“WPForms”模块并选择相应的表单。

• 或者通过填写与表单关联的短代码（例如 [wpforms id=”5″]）来添加“短代码”模块。

（2）如何在侧边栏区域中集成表单

刚刚了解了如何在发布的文章中集成选择的表单，但也许想在侧边栏或页脚等小部件区域中添加它？提供的侧边栏区域的数量和类型取决于正在使用的主题，例如主题可能不提供侧边栏。

这里又有两种方法进行操作：

• 如果正在使用一个全站编辑（FSE） 兼容的主题 ，例如 Twenty Twenty-Two，请前往外观-编辑器 ，例如在页脚中添加表单。
• 如果没有使用 FSE 兼容的主题 ，请前往外观=小工具，然后可以在主题提供的小工具区域中，集成“WPForms”模块或与表单对应的“短代码”模块。在下面的示例中，可以看到本文中的主题（Twenty Twenty-One）只提供了一个小工具区域（页脚）。

推荐阅读：

《WooCommerce订单表单插件推荐》

《2024年必备WordPress表单插件推荐》

《WordPress产品列表插件有哪些》