Divi Form Builder如何搭建表单核心功能有哪些
Divi Form Builder信息介绍
Divi Form Builder是Divi主题自带的表单搭建模块,由Elegant Themes团队开发,随Divi主题一起发布,我用WordPress建站多年,接触过不少表单工具,Divi Form Builder给我的第一感觉是“和主题长在一起”的工具——它不是独立插件,而是Divi可视化编辑器里的一个模块,打开页面编辑就能直接用,这种“原生感”让它和Divi主题的设计风格、交互逻辑完美融合,不用额外适配,对新手特别友好。
它的定位是“轻量化但功能齐全的表单解决方案”,主要面向WordPress用户,尤其是已经在使用Divi主题的站长,不管是个人博客想加个联系表单,还是企业网站需要收集客户信息,甚至电商网站做活动报名,它都能应付,我之前帮朋友改个人网站,他用的就是Divi主题,我顺手用Form Builder加了个“读者提问”表单,从打开编辑器到发布,全程没超过10分钟。
Divi Form Builder核心功能有哪些
拖拽式表单编辑是它最直观的功能,我点开Divi编辑器的“添加模块”,找到“Form”模块拖到页面里,右侧面板就会显示所有可添加的字段,文本框、单选按钮、复选框、下拉菜单这些基础字段不用说,连文件上传、日期选择、电话格式验证都有,像搭积木一样把字段拖进表单,调整顺序只需要上下拖动,完全不用碰代码。
条件逻辑设置特别实用,我给公司做“课程报名”表单时,设置了“是否需要住宿”的单选框,选“是”就会自动跳出“入住日期”和“房型选择”字段,选“否”这些字段就藏起来,表单瞬间清爽不少,这种“按需显示”的逻辑,能避免用户看到一堆无关字段,提交率都提高了。
邮件通知与数据管理也很贴心,表单提交后,系统会自动给管理员发邮件,我还能设置抄送给提交者一份“感谢回执”,数据存储在WordPress后台的“Divi Form Entries”里,支持按时间、字段筛选,导出CSV表格,对账或者做统计时直接导出来用,比在邮箱里翻邮件方便多了。
样式自定义是Divi的强项,Form Builder自然没落下,字体、颜色、边框圆角、按钮样式,都能在右侧面板直接调,不用写CSS,我帮客户做品牌官网时,把表单按钮颜色调成品牌主色,输入框边框用渐变色,和整个页面风格统一得像天生就该那样,客户看完直夸“专业”。

Divi Form Builder的产品定价
Divi Form Builder没有单独的定价页面,因为它是Divi主题的“内置模块”,不是独立产品,要使用它,需要购买Elegant Themes的会员,会员包含Divi主题、Extra主题以及所有插件,Form Builder是其中之一。
目前官方会员有两个套餐:每年$89的“年度会员”,包含1年的更新和支持;一次性支付$249的“终身会员”,终身更新和支持,我自己买的是终身会员,毕竟Divi主题和Form Builder这类功能会不断更新,长期用下来比年年续费划算,如果你只是短期用,年度会员也够用,反正Form Builder的功能不会因为会员类型缩水,两个套餐都能完整使用。
这些场景用Divi Form Builder超合适
个人博客的“联系我”表单肯定是最常见的,我自己的博客就用它搭了个表单,字段很简单:姓名、邮箱、留言内容,再加个“是否订阅 newsletter”的复选框,提交后我能收到邮件,对方也会收到自动回复,不用额外装插件,省得后台乱糟糟的。
企业网站的“客户咨询”表单也很合适,之前帮一家装修公司做网站,用Form Builder加了“装修类型”(毛坯/老房改造)、“面积”(下拉选100㎡以下/100-150㎡等)、“预算范围”、“联系方式”字段,还开了条件逻辑:选“老房改造”就多显示“是否需要拆改”字段,客户填完表,销售直接拿到精准需求,沟通效率高多了。
活动报名场景也好用,上个月社区办亲子活动,我用它搭了个报名表单,字段有“家长姓名”“孩子姓名”“年龄”“参与人数”,还加了个“特殊需求”文本框,设置了每天最多50人报名,超过就显示“名额已满”,后台数据实时更新,组织者随时能看报名情况,比用Excel统计方便10倍。
问卷调查场景也能应付,朋友做小生意想调研客户喜好,我帮他用Form Builder做了个问卷,单选、多选、评分字段都用上了,还加了“其他建议”的文本框,收集到的数据直接导出CSV,用Excel一分析,客户偏好一目了然,成本比用专业问卷平台低多了。
Divi Form Builder使用注意事项
一定要保持Divi主题和WordPress版本更新,我之前遇到过表单提交后收不到邮件的情况,查了半天才发现是Divi主题版本太旧,和新版WordPress有冲突,更新主题后,问题立马解决,所以每次用Form Builder前,我都会顺手检查下更新,省得踩坑。
表单提交后最好自己测试一下,不管多简单的表单,发布前我都会填一遍提交,看看邮件能不能收到,数据能不能存进后台,条件逻辑会不会出错,有次给客户做表单,忘了测试“文件上传”字段,结果客户反馈上传失败,才发现是服务器权限没开,幸好及时改了,没耽误事。
别加太多字段,表单越长提交率越低,我见过有人做个联系表单加了10多个字段,客户一看就不想填了,其实核心信息就几个:姓名、联系方式、主要需求,其他可有可无的字段尽量精简,或者用条件逻辑藏起来,需要时再显示。
注意数据安全,表单收集的信息可能包含客户电话、邮箱等隐私数据,一定要确保网站用了HTTPS(也就是网址带小绿锁),后台密码设复杂点,别让数据泄露,我还会定期导出数据备份到本地,万一网站出问题,数据也不会丢。
和同类工具比Divi Form Builder有啥不一样
和Contact Form 7比,Divi Form Builder胜在可视化编辑,Contact Form 7要写短代码,改样式还得懂CSS,对新手太不友好,我表妹刚开始学建站,用Contact Form 7改个按钮颜色都哭丧着脸,后来换了Divi Form Builder,直接在面板里点颜色块就能改,高兴得说“像玩拼图一样简单”。

和WPForms比,Divi Form Builder的优势是“原生集成”,WPForms是独立插件,虽然功能强,但和非WPForms主题搭配时,样式可能会不统一,得手动调CSS,Divi Form Builder是Divi主题自己的模块,样式和主题完美融合,我从没遇到过“表单按钮和页面按钮长得不一样”的尴尬,省了好多适配时间。
和Gravity Forms比,Divi Form Builder更轻量化,Gravity Forms功能超多,甚至能做会员注册、考试系统,但对普通站长来说太复杂,价格也贵(基础版就要$59/年),Divi Form Builder把常用功能做精,够用又不臃肿,价格还包含在Divi会员里,性价比碾压,我问过一个用Gravity Forms的朋友,他说90%的功能都没用过,早知道当初就买Divi会员了。
Divi Form Builder搭建表单教程
我以“活动报名表单”为例,教你怎么用Divi Form Builder搭建表单,首先打开WordPress后台,找到需要加表单的页面,点击“用Divi编辑”进入可视化编辑器,页面加载完成后,点击左上角的“添加模块”,在搜索框输入“Form”,找到“Form”模块拖到想放表单的位置,松开鼠标,表单框架就出来了。
接下来添加字段,点击表单模块里的“添加字段”,会弹出字段类型列表,选“文本”字段当“姓名”,在右侧面板把“标签”改成“姓名”,“占位符”写“请输入您的姓名”,再添加“电子邮件”字段,标签设为“邮箱”,勾选“必填”,确保用户必须填,然后加“下拉菜单”字段,标签“参与人数”,选项填“1人”“2人”“3人及以上”,这样用户直接选就行,不用手动输入。
设置条件逻辑,我想让选“3人及以上”的用户填“同行人员姓名”,所以点中“参与人数”字段,在右侧面板找到“条件逻辑”,勾选“启用条件逻辑”,规则设为“如果参与人数等于3人及以上”,“则显示”下面的“文本”字段(提前添加好,标签设为“同行人员姓名”),这样选其他人数时,这个字段就不会显示,表单更简洁。
配置邮件通知,点击表单模块顶部的“电子邮件”选项卡,“管理员电子邮件”填自己的邮箱,“邮件主题”写“新的活动报名”,“邮件内容”用{Divi_Slug}这样的变量,姓名:{name},邮箱:{email},参与人数:{participants}”,提交后就能收到带用户信息的邮件,再往下拉,勾选“向提交者发送确认邮件”,填上下拉菜单选“1人”“2人”“3人及以上”,这样用户直接选就行,不用手动输入。
最后调整样式和发布,点击“设计”选项卡,改一下“按钮文本”为“提交报名”,按钮颜色选主题主色,输入框边框设为2px圆角,都弄好后点击右上角“保存”,再点“发布”,刷新页面就能看到新表单了,我第一次做的时候,跟着这个步骤走,不到15分钟就搞定了,比想象中简单多了。
常见问题解答
Divi Form Builder需要单独安装插件吗
不用单独安装哦!Divi Form Builder是Divi主题自带的模块,只要你在WordPress网站上激活了Divi主题,编辑页面时直接添加“Form”模块就能用啦,不过要注意,Divi主题本身是付费的,得买Elegant Themes的会员(年度$89或终身$249)才能用,不是免费送的,如果你用的不是Divi主题,那这个表单模块就用不了,得换别的工具。
Divi Form Builder支持微信支付集成吗
目前不支持直接集成微信支付哦,它的支付相关功能主要是集成PayPal和Stripe,这两个是国外常用的支付方式,国内的微信支付、支付宝暂时没适配,如果你需要收国内支付,可能得用其他插件配合,比如先在Form Builder里搭好表单,再用专门的支付插件(像WP Simple Pay)对接,不过这样会麻烦点,要是你只需要简单的报名、咨询表单,不用支付功能,那它完全够用啦。
Divi Form Builder能导出表单数据吗
可以导出的!在WordPress后台找到“Divi”→“Form Entries”,这里能看到所有表单提交的数据,选你要导出的表单,点击“Export Entries”,就能把数据导出成CSV表格,用Excel或者WPS打开就能看了,导出的时候还能选导出哪些字段、按时间筛选,比如只导出最近一周的数据,我上次帮老师做问卷调查,就是用这个功能导出数据,直接在Excel里做图表分析,特别方便,比手动复制粘贴快多了。
Divi Form Builder和WPForms哪个更好用
看你用不用Divi主题啦!如果你用Divi主题,选Divi Form Builder肯定更好,它和主题是“一家人”,样式不用额外调,拖进页面就能用,省事儿,要是你用别的主题,WPForms可能更合适,它是独立插件,适配大部分主题,功能也多,比如能做会员注册、考试表单,不过WPForms基础版就要$49/年,Divi Form Builder包含在Divi会员里(年度$89),如果本来就要买Divi主题,那相当于白送个表单工具,性价比更高。
免费用户能使用Divi Form Builder吗
不能哦,Divi Form Builder没有免费版,它是Divi主题的一部分,而Divi主题本身是付费的,得买Elegant Themes的会员才能用,会员分年度和终身两种,年度$89,终身$249,买了会员才能激活Divi主题,然后才能用Form Builder,如果你想免费做表单,不如试试Contact Form 7(完全免费,但要写代码)或者WPForms Lite(免费版功能少点,但够用基础表单),不过免费的肯定没Divi Form Builder好用就是啦。


欢迎 你 发表评论: