你好,欢迎来到学建站网这一节课,我们给大家分享一个表单类的插件,那么之前在我们学建站网也曾经给大家分享过一个非常强大的插件Wpforms,那么通过这个插件,我们就可以完成 ToB 或者 ToC 站点里面大部分的表单功能的设计了。

2a99d8d7e58b862

那么我们为什么要给大家去分享其他的表单插件呢?是因为我最近在帮一个客户制作独立站的时候,他提出了一个额外的需求,因为我们做跨境独立站,不管是 ToC 的还是 ToB 的,我们有一个,我们有一种必须要建立的一种营销方式,也就是我们所说的EDM,也就是我们所说的邮件营销。

Fluent forms插件的作用:

国外的客户实际上还是比较习惯于通过邮件的方式进行商业沟通,所以我们不管是 ToC 站点还是 ToB 站点,我们都会当用户进入我们的站点以后,可能我们会有一个弹窗,或者在底部有一个订阅的表单,那么用户在这个表单里面去输入他的邮件,然后点击订阅,我们在后台就可以搜到他的邮件,这个时候我们就可以给他发邮件,发营销的一些内容,或者发优惠券,促进用户进入下一步的购买流程。

d2a5654115c5384
现在大家看到的这样的一个订阅表单,实际上我就是用的将要给大家推荐的另外一个 Fluent forms 这个插件去实现的。当然我们使用 wpforms 也可以,但是 wpform 有一个问题,就是它和其他的一些 CRM 系统的集成功能是比较弱的,比如说它只能和第三方的,比如说像我们经常用到的 Mailchimp 这样的一些第三方的组件,它是可以集成的,但它并没有属于自己的 CRM 系统。

Fluent forms插件功能介绍:

我们要给大家讲到的这个 fluent forms,它有自己的一个 CRM 系统,所以我们就直接可以使用他家的这个表单和他自己家的这个 CRM 系统集合起来,这样我们就不需要使用第三方的邮件订阅系统了,这样做不仅仅是可以省下来一笔,就是订阅发送邮件的费用,另外一个就是我们的用户信息相对来说也完全属于我们自己,就别人就看不到了,所以隐私性会更好一点。

b52b2045c581e5a

当然这个插件除了我们刚才讲的这些功能之外,像我们之前使用 wpforms,它所包含的功能像我们制作一个表单,然后表单里面去添加支付,还有它添加了一个对话的方式,就是可以一步一步的进行引导用户进行流程化操作,包括计算机登记,还有我们做一些测评类的都可以使用这个 fluent forms 这个插件去实现。那么下面我们首先去了解一下这个插件,它的速度相对来说比wpforms 也稍微要快一点。

Fluent forms支持可拖拽设计:

首先第一个就是它可拖拽,就是和我们之前使用的 wpforms 是差不多的,然后它里面集成了 60 多个组件,所谓的组件比如说我们的表单里面,像我们的邮件表单这样的按钮,还有我们的提交按钮,还有我们去添加文本、添加日期等等,这些都是集成的模块,我们可以把这些模块按照我们的需要把它拖拽成一个表单的模式。另外就是这个表单它可以设置一个显示日期,然后就是响应式也非常好,就是在我们的各种设备上面它的兼容性非常好。

1a9e53cf4ffe6c7

Fluent forms支持付款功能:

另外就是可以添加付款,我们刚才说过了,还有就是电子邮件的通知,最主要的就是我们看到它这里有一个链接,它自己的一个 CRM 系统,当然这个 CRM 系统不仅仅是它自己家的 FLUENT CRM 这样的一个 Pro 系统,当然它也可以连接第三方的,但是我们给大家分享这个 forms 插件最主要的目的就是我们下一步要给大家分享的就是他家里面的这个 CRM 系统,它的集成是非常好的,然后我们也可以看到可视化数据,还有一些开发的钩子。另外就是表单里面最常用的,像条件逻辑,还有我们的表单样式、表单转 PDF 等等,这些都是支持的。

Fluent forms实现表单演示:

下面我们去看一下他各种表单的一些格式,比如说我们经常用到的联系表单,就是在我们的 contact us,就是在联系我们里面,特别是一些 ToB 的站点,我们要获取用户线索的时候,这个表单是必不可少的,像这种格式的简单的表单。

828996aeada0e10

然后第二个就是假如说你的表单需要用户填写更多的信息,那这个时候我们可以设置一个多步骤的表单,就是他填写第一页以后,然后可以切换到下一页。还有像计算表这个,特别是如果你要是做一些房产或者是汽车租赁,那这种可以去通过这种计算器的方。是去计算他的贷款,或者是每个月要还款的额度,这些都是可以的。当然我们有一些健身的,那也是可以使用这样的一个计算表的。

598daa2f3e2c3b4

另外就是我们用到的订阅表单,那么这里他所说的对话形式,实际上就是把我们刚才的这个表格,然后把它拆成一个一个的,就是填写完名字,然后进入第二步,然后填写邮件,就是这种方式。那我们看到就是你最贴切的描述就是你是一个冒险家,他会进入下一个页面,你想去什么样的方式?它会有一个非常强的用户互动,然后产品订购单就是它可以直接接入支付,就是我们可能不需要使用 Woocommerce 这种商城化系统,然后直接可以设置一个表单,然后用户直接去购买就可以了。

然后就是另外就是我们的调查问卷,那在国内我们看到有一些第三方的,有一些调查问卷的系统,那实际上我们用这个 FLUENT forms 这个插件是直接就可以实现。然后还有一些申请表,这个申请表实际上和我们的调查问卷是一样的,还有一些登记表。好,这就是它所有的功能。

 

Fluent forms第三方功能集成:

然后下面一个就是它和第三方的组件集成。

63170751240ec82

就比如说我们使用 wpforms怎么样去实现订阅呢?实际上我们就可以和这个第三方的 mailchimp 这样的一个第三方组件把它组合在一起,那实际上这个 FLUENT form 这个插件它也是可以和第三方集成的,只是它自己官方也有一个非常强大的 CRM 系统,所以我们可以和它自己的这样的一个 CRM 系统进行集成。这样我们就不需要借助第三方了,当然它也支持像 chatgpt 的接入等等,这些都是非常强大的。

Fluent forms插件安装激活:

下面我们就给大家演示一下这个插件的安装和使用。那这里在本地我们已经准备好了这个插件,目前它的版本是6.1.8,如果有最新的版本,我们都会在学建站网去更新,然后也提供了汉化包以及它的签名的一个组件。那这里我们直接进入我们的演示的独立站后台,然后点击安装插件。

32c8373b3de3e86

好,上传完以后,然后点击安装,然后激活插件,这个插件的安装和主题的安装。因为我们在学习上网已经讲了非常多了,实际上它的安装方式都是类似的,但是它和wpforms 这个表单插件不太一样的地方,就是如果你想使用它的 Pro 版本,那你必须要安装一个免费版本,所以它在上面会有一个提醒。

741e9110dc0bf5a

那如果上面没有提醒,那你就去我们的插件面板里面直接去搜索它就可以了,然后就安装这个免费版本的,那我们看到这上面有一个自动安装的,然后我们直接点击安装,然后点击激活这个免费版本的插件。

激活成功以后,在我们独立站后台的功能按钮里面就会看到有一个 FLUENT forms Pro,然后我们点击打开,打开以后我们可以看到它是有提示,我们就是这个 fluent forms这个插件就已经安装成功了,然后我们可以把上面这个提示给它关闭掉,然后下面就是它的一些演示的表单,我们不用管它,然后我们进入全局设置里面。

cc6122859ae6f2c

然后我们看一下它的许可证,这个就已经被自动激活了,你就可以直接使用,没有什么日期限制。好,这样我们就完成了 fluent forms 这个插件的安装和激活。那么下一节课呢?我们给大家去讲解一下这个插件的使用方法。

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。