WordPress询盘表单怎么做?WPForms、Contact Form 7和Elementor表单教程

蜗牛大人WordPress建站教程

外贸网站的询盘表单,是访客变成客户的那一步。表单做得太复杂,客户懒得填;做得太简单,收到的询盘没法判断质量;通知邮件没配好,客户填了你却收不到;防垃圾没做,每天收几十条推销SEO和贷款的垃圾信息。

本文先讲表单的设计,再讲三种常用工具的具体做法,最后讲防垃圾和测试。

表单放在哪里

一般放在这几个位置:

  • 联系页面(Contact):完整的表单,加上公司地址、电话、邮箱、WhatsApp;
  • 每个产品页的底部或侧边:客户看完产品直接询价,转化率最高。可以做一个精简版的表单,或者一个「Get a Quote」按钮跳到联系页;
  • 首页底部:一个简短的表单或者号召按钮。

同一个表单可以插入到多个页面里,不用每个页面单独做一个。

放哪些字段

字段越多,愿意填完的人越少。B2B询盘表单一般控制在5到7个字段:

字段必填说明
Name是一个「Name」字段就够,不用拆成First Name和Last Name
Email是回复客户全靠它
Company否用来判断客户质量,设为选填
Country否下拉选择或者文本框都可以
WhatsApp / Phone否外贸客户很多习惯用WhatsApp,设为选填
Product / Quantity否产品页上的表单可以把产品名自动带进来
Message是留够大的文本框,提示客户写清楚需求

如果面向欧盟客户,再加一个同意隐私政策的勾选框,链接到网站的隐私政策页面。

提交按钮的文字写具体一点,比如「Get a Quote」「Send Inquiry」,比默认的「Submit」好。

选哪个表单工具

WPForms LiteContact Form 7Elementor Pro表单
费用免费免费包含在Elementor Pro里
编辑方式拖拽式,有模板写标签,类似代码在Elementor里拖拽
后台保存提交记录免费版不保存,只发邮件不保存,装Flamingo插件后可以保存
提交后跳转页面支持要装插件或加代码支持
适合新手追求轻量、愿意折腾的已经在用Elementor Pro的

没有特别的需求,选WPForms Lite。

不管用哪个,通知邮件都要靠SMTP才能稳定送达,先把发信配置好,见《WordPress网站收不到询盘邮件?SMTP设置教程》。

方法一:WPForms Lite

1. 创建表单

  1. 在「插件」→「安装插件」里搜索「WPForms」,安装并启用「WPForms Lite」;
  2. 进入「WPForms」→「添加新表单」,填写表单名称,比如「Inquiry Form」;
  3. 选择模板「Simple Contact Form」(简单联系表单),点击使用。

模板里已经有Name、Email、Comment or Message三个字段。从左侧把「Single Line Text」(单行文本)拖进来,改名为Company、Country、WhatsApp;点击字段可以在左侧修改标签、是否必填、占位提示文字。

2. 设置通知邮件

点击左侧的「设置」(Settings)→「通知」(Notifications):

  • 发送到邮箱地址(Send To Email Address):默认是 {admin_email},也就是WordPress的管理员邮箱。改成你日常处理询盘的邮箱,比如 sales@你的域名,多个邮箱用英文逗号隔开;
  • 邮件主题(Email Subject):改成容易识别的,比如「New Inquiry from Website」;
  • 发件人名称(From Name):网站名或公司名;
  • 发件人邮箱(From Email):填SMTP用的那个域名邮箱,不要填客户的邮箱;
  • 回复(Reply-To):点击右侧的「显示智能标签」(Show Smart Tags),选择表单里的Email字段。这样你在邮箱里点「回复」,就直接回给客户了;
  • 邮件内容:默认的 {all_fields} 会把所有字段列出来,保持即可。

为什么发件人不能填客户邮箱,SMTP教程里有详细解释:简单说,用客户的Gmail地址冒名发信,必然被Gmail判定为伪造,邮件会被拦截。

3. 设置提交后的确认

在「设置」→「确认」(Confirmations)里,「确认类型」有三种:

  • 消息(Message):在原页面显示一句「Thank you」;
  • 显示页面(Show Page):跳转到网站的某个页面;
  • 转到网址(Go to URL):跳转到任意网址。

建议选「显示页面」,先建一个感谢页(比如 /thank-you/),写上「我们会在24小时内回复」,再放几个产品链接。好处是可以在Google Analytics里把「访问感谢页」设为转化(关键事件),统计每个月有多少询盘、来自哪些页面。

4. 保存并插入页面

点击右上角「保存」。然后把表单放到页面上:

  • 区块编辑器:编辑页面,添加「WPForms」区块,选择这个表单;
  • Elementor:搜索「WPForms」组件拖进来,选择表单;
  • 其他地方:用短代码 [wpforms id="123"],ID在「WPForms」→「所有表单」里能看到。

WPForms Lite的限制

免费版不在后台保存提交记录,询盘只存在于通知邮件里。所以邮件能不能收到就格外重要,一定要配置SMTP,并且定期检查垃圾箱。另外,免费版只能设置一条通知邮件,想给不同的人发不同的通知,需要付费版。

方法二:Contact Form 7

Contact Form 7(CF7)是安装量最大的表单插件,完全免费,代码很轻。

1. 编辑表单

安装启用后,进入「联系」→「联系表单」,已经有一个默认的「Contact form 1」,点击编辑。也可以「新建」一个。

「表单」标签里是表单的结构,用类似这样的标签定义字段:

<label> Name
    [text* your-name autocomplete:name] </label>

<label> Email
    [email* your-email autocomplete:email] </label>

<label> Company
    [text your-company] </label>

<label> WhatsApp
    [tel your-whatsapp] </label>

<label> Message
    [textarea* your-message] </label>

[submit "Send Inquiry"]

带 * 的是必填字段。不想手写,可以用编辑框上方的按钮(文本、邮箱、电话、下拉菜单等)生成标签。

2. 设置邮件

切换到「邮件」标签:

  • 收件人:你日常处理询盘的邮箱;
  • 发件人:默认是 [_site_title] <wordpress@你的域名>,改成SMTP用的域名邮箱,比如 Your Company <noreply@你的域名>;
  • 主题:比如 New Inquiry: [your-name];
  • 附加标头:写 Reply-To: [your-email],新版本默认就有这一行;
  • 邮件正文:把表单里新增的字段(比如 [your-company]、[your-whatsapp])加进去,否则邮件里不会显示。

CF7会在保存时检查配置,发件人和网站域名不一致时会显示警告,按提示修改即可。

3. 插入页面

保存后,表单列表里会显示短代码,类似 [contact-form-7 id="abc1234" title="Contact form 1"]。复制到页面里(区块编辑器用「短代码」区块,Elementor用「Shortcode」组件)。

CF7的不足

  • 不保存提交记录:装同一作者的Flamingo插件,询盘会同时保存在后台;
  • 提交后不跳转:默认只在表单下方显示一句提示。想跳到感谢页,需要装「Redirection for Contact Form 7」这类插件;
  • 样式比较朴素:表单的外观跟随主题,想调整要写CSS。

方法三:Elementor Pro表单

已经买了Elementor Pro的话,直接用它的「表单」(Form)组件,不用再装表单插件:

  1. 在Elementor编辑页面,搜索「Form」组件拖到页面上;
  2. 在「表单字段」里添加、删除、排序字段,设置是否必填;
  3. 在「提交后操作」(Actions After Submit)里,默认有「Email」,按需再加「Collect Submissions」(在后台保存提交记录)和「Redirect」(跳转到感谢页);
  4. 展开「Email」设置:收件人填你的邮箱;发件人邮箱填SMTP用的域名邮箱;「Reply-To」选择表单里的Email字段;
  5. 展开「Redirect」,填写感谢页的网址;
  6. 发布页面。

做成Elementor模板(「模板」→「保存的模板」)之后,可以在多个产品页重复使用,修改一处、处处生效。

拦截垃圾询盘

网站上线之后,表单很快会收到垃圾信息,大部分是机器人自动提交的。按从轻到重的顺序处理:

1. 蜜罐(Honeypot)

在表单里放一个访客看不到、机器人会去填的隐藏字段,填了就判定为垃圾。对访客没有任何打扰。

  • WPForms:在表单「设置」→「垃圾邮件防护和安全」(Spam Protection and Security)里,开启「启用反垃圾邮件保护」(默认开着);
  • Elementor Pro:在表单字段里添加一个「Honeypot」类型的字段;
  • CF7:装一个蜜罐插件,比如「Honeypot for Contact Form 7」。

2. 人机验证:reCAPTCHA或Cloudflare Turnstile

蜜罐挡不住的话,再加人机验证:

  • Google reCAPTCHA v3:在后台判断访客是不是机器人,不需要访客点任何东西。要先在Google reCAPTCHA后台为你的域名申请密钥;
  • Cloudflare Turnstile:功能类似,免费,不依赖Google服务,国内访客打开也不受影响。

设置位置:WPForms在「WPForms」→「设置」→「CAPTCHA」里选择并填写密钥,再到每个表单的防垃圾设置里开启;CF7在「联系」→「集成」里设置reCAPTCHA;Elementor Pro在「Elementor」→「设置」→「集成」里填reCAPTCHA密钥,然后在表单里加一个reCAPTCHA字段。三者都可以通过「Simple Cloudflare Turnstile」插件接入Turnstile。

3. 内容过滤

还有漏网的,通常是人工发的推销信息。可以:

  • 在表单插件或者Akismet里过滤常见的垃圾关键词;
  • WPForms付费版可以按国家、关键词过滤;
  • 不要为了挡垃圾把表单做得太难填,少量的推销信息直接删掉就好。

上线前测试

表单做好之后,自己提交一次,检查这几项:

  1. 页面上显示了成功提示,或者跳转到了感谢页;
  2. 收件邮箱收到了通知,没有进垃圾箱;
  3. 邮件里所有字段都有内容,没有漏掉新加的字段;
  4. 在邮件里点「回复」,收件人是你测试时填的邮箱;
  5. 用手机打开页面再提交一次,看表单在手机上是否好填。

之后每次换主机、改域名、改邮箱密码,都再测试一次。

常见问题

客户提交了,我却没收到邮件?

先查垃圾箱,再检查表单的收件人,然后用SMTP插件的测试功能发一封试试。绝大多数情况是WordPress发信的问题,按《SMTP设置教程》配置就能解决。

询盘邮件能同时发给几个人吗?

可以。WPForms在「发送到邮箱地址」里用英文逗号隔开多个邮箱;CF7在收件人里用逗号隔开;Elementor在「To」里用逗号隔开。

表单可以上传附件吗?

可以,但附件上传会给网站带来安全和垃圾风险。WPForms的文件上传字段是付费功能,CF7和Elementor Pro支持。建议限制文件类型(比如只允许PDF、JPG)和大小,或者让客户在回复邮件时再发附件。

怎么知道询盘来自哪个页面?

WPForms可以在邮件内容里加 {page_url} 智能标签,CF7可以用 [_url] 特殊邮件标签,Elementor Pro的邮件默认会附带页面网址等元数据。加上之后,每封询盘都会显示是在哪个页面提交的。

总结

做一个靠谱的询盘表单:

  1. 字段:5到7个,Name、Email、Message必填,公司、国家、WhatsApp选填;
  2. 工具:新手用WPForms Lite,要轻量用Contact Form 7,有Elementor Pro用它自带的;
  3. 通知邮件:收件人填自己的邮箱,发件人填域名邮箱,回复地址填客户邮箱;
  4. 提交后:跳转到感谢页,方便统计转化;
  5. 防垃圾:先开蜜罐,不够再加reCAPTCHA或Turnstile;
  6. 发信:配置SMTP,自己提交测试一次。

网站的其他基础设置见《安装WordPress后必做的10项设置》,需要的插件清单见《外贸网站必装的WordPress插件清单》。

文章版权归作者所有,转载请注明出处:https://woniune.com/posts/wordpress-inquiry-form/
上一篇腾讯企业邮箱和网易企业邮箱怎么开通?版本选择、绑定域名和SMTP设置

相关推荐