前言
Fluent Forms 是一款上手简单且功能丰富的拖放式表单插件,让您无需编写代码,就能在几分钟内完成各类表单的搭建。无论是常见的联系我们表单、用户反馈表单,还是订阅、支付等高级表单,都能轻松搞定。

Fluent Forms 内置了多款实用表单模板和预设的表单字段。站长根据需求想要的样式,把元素拖动到表单容器中,马上看到效果。对表单有更高需求的站长,可以利用条件逻辑、分步表单、文件上传、电子邮件通知等高级功能,构建专业且灵活的用户互动流程。下面为大家介绍 Fluent Forms 的功能特点。
常见的表单类型

- 用户注册:用于收集用户基本信息,快速创建账号并完成网站或系统的初始使用。
- 客户询盘:帮助潜在客户提交需求与问题,便于企业及时跟进和沟通。
- 问卷调查:通过结构化问题收集用户意见和偏好,为产品或服务优化提供依据。
- 调研反馈:用于汇总用户真实使用体验和建议,支持数据分析与决策。
- 商品购买:集成下单与支付流程,让用户在线完成商品选购与付款。
- 订单管理:用于记录、查看和处理用户订单状态。
常见的表单字段格式

单行文本(Text):用于输入姓名、公司名称等简短文字信息。
多行文本(Textarea):适合填写留言、需求说明或详细描述内容。
邮箱(Email):用于收集用户邮箱地址,便于发送通知或跟进沟通。
电话(Phone):用于填写联系电话,方便快速联系用户。
数字(Number):仅允许输入数字,常用于数量、金额或年龄等信息。
下拉选择(Select):通过下拉列表让用户从多个选项中选择一个。
单选按钮(Radio):用于在多个选项中只能选择一个结果。
多选框(Checkbox):支持用户同时选择多个选项或确认协议。
日期/时间(Date / Time):用于选择日期或具体时间,如预约或活动时间。
文件上传(File Upload):允许用户上传图片、文档等相关附件。
网址(URL):用于填写网站或社交媒体链接地址。
隐藏字段(Hidden Field):在不显示给用户的情况下记录系统或来源信息。
拖放式的功能

如图,站长只需通过鼠标拖拽预先设计好的字段组件。例如:输入框、下拉菜单、按钮拖到指定位置。目前有插件包含了 60 多个字端控件可以选择,基本上满足 90 % 以上的表单制作。
多步骤表格制作

如果你想分多个步骤让用户完成表单信息的提交也是可以实现的。选择 Fluent Forms 分步提交法,按步骤逐个提交。分步表单通常会用于客户满意度调查、兴趣爱好、新用户注册等。
会话的表单形式

会话表单以聊天对话的方式逐步展示问题,搭配图片说明或视觉提示,帮助用户快速理解每一步的含义,减少思考成本。使用户在填写过程更直观、更有引导性。不仅提升填写完成率,也让表单整体更具互动感和品牌表现力。
在线支付表单提交

在线支付表单主要用于 B2C 网站,让用户填写完信息后完成付款的功能。使用的场景包括:产品或服务在线收款、活动报名与门票支付、会员费与订阅收费等。
安装 Fluent Forms 插件
Fluent Forms 的基础版本可以通过 WordPress 后台系统搜索插件名称 Fluent Forms ,然后点击下载并启动插件即可。Fluent Forms 高级版本是通过上传压缩文件包。
安装免费版 Fluent Forms 插件

免费版适用人群:个人站长、博客作者、小型网站或初创项目,主要用于基础表单需求。例如,联系表单、询盘表单、简单注册和问卷调查。如果预算有限,免费版本的功能是够用的。
安装高级版 Fluent Forms 插件


付费版适用人群:适合企业官网、电商网站、外贸站点和对自动化要求较高的网站。通常需要使用多步骤表单、条件逻辑、在线支付、对话式表单、第三方系统集成等高级功能。
Fluent Forms 插件教程
Fluent Forms 插件教程包含以下几个方面:如何创建新表单、如何选择表单模版、自定义制作表单、常用的字段及表单验证、在页面中引用表单、表单删除
如何创建新表单

如图,在左侧功能栏找到 Fluent Forms。页面中有三个新建表单的入口。点击任意一个都可以去创建新表单。
如何选择表单模版

Fluent Forms 根据业务类型预制多款表单模版。站长们如果不确定要选择哪种,可以点击鼠标放在表单上再点击预览按钮。如果没有找到合适的模版,就接着往下看,教你如何自定义表单。
自定义制作表单

在创建表单前,先考虑好表单中需要放些什么。可以去参考一下你的竞品网站,看别人用了哪些字段。然后回到 Fluent Forms 选择新建空白表单,

左侧是表单的容器,右侧是表单字段。鼠标按住表单字段拖动到左侧容器中。字段摆放完后可以调整展示的先后顺序,还可以设置字段的属性。例如,设置字段的标题、内容长度、提示文字、字段验证等。

点击左侧刚添加的表单字段,右侧会显示字段的属性。元素标签修改后会改变字段的标题。占位符的内容会提示用户填写什么内容。必要是字段的验证方法,强制用户填或不填。

表单设置完后,可以先点击预览查看展示的效果。如果展示不修改了,点击一下保存即可。
常用的字段验证方法
| 字段类型 | 作用描述 | 常用验证属性及格式示例 |
|---|---|---|
| text | 单行文本输入 | 验证输入的内容是否为空。 |
| password | 掩码单行文本 | 验证输入的内容的长度和是否为空。 |
| 邮件地址,内建格式验证 | 验证邮件的格式。 | |
| number | 数值输入 | 验证输入数值的大小。 |
| url | URL 地址,内建格式验证 | 验证输入的内容是否为空。 |
| tel | 电话号码,可使用 pattern 限定格式 | 验证电话号码的格式。 |
| date | 日期输入 | 验证日期的格式。 |
| checkbox | 复选框 | 验证多选项是否的填写。 |
| radio | 单选按钮 | 验证单选项是否的填写。 |
| file | 文件上传 | 验证文件是否已上传。 |
| textarea | 多行文本输入 | 验证输入的内容的长度和是否为空。 |
| select | 下拉选择 | 验证下拉选项是否的填写。 |
| hidden | 隐藏域 | 无需校验 |
| submit / reset | 提交或重置按钮 | 无需校验 |
在页面中引用表单


常见的 2 种引用方式。本站也多次提到过。简码的获取方法可以自己去 Fluent Forms 管理复制。
Fluent Forms 表单删除

为了防止用户误删,再删除时会再一次提醒用户是否删除。如果在输入框输入 “ DELETE ” 就真的删了。
总结
如果觉得预制的表单模版不够多,可以去关注下 WPForms 表单插件,WPForms 的预制模版有 2000+ 种。希望这篇 Fluent Forms 插件教程对你有帮助。本站还有更多的 WordPress 插件教程,点击查看。







