外贸网站的询盘表单,是访客变成客户的那一步。表单做得太复杂,客户懒得填;做得太简单,收到的询盘没法判断质量;通知邮件没配好,客户填了你却收不到;防垃圾没做,每天收几十条推销SEO和贷款的垃圾信息。
本文先讲表单的设计,再讲三种常用工具的具体做法,最后讲防垃圾和测试。
表单放在哪里
一般放在这几个位置:
- 联系页面(Contact):完整的表单,加上公司地址、电话、邮箱、WhatsApp;
- 每个产品页的底部或侧边:客户看完产品直接询价,转化率最高。可以做一个精简版的表单,或者一个「Get a Quote」按钮跳到联系页;
- 首页底部:一个简短的表单或者号召按钮。
同一个表单可以插入到多个页面里,不用每个页面单独做一个。
放哪些字段
字段越多,愿意填完的人越少。B2B询盘表单一般控制在5到7个字段:
| 字段 | 必填 | 说明 |
|---|---|---|
| Name | 是 | 一个「Name」字段就够,不用拆成First Name和Last Name |
| 是 | 回复客户全靠它 | |
| Company | 否 | 用来判断客户质量,设为选填 |
| Country | 否 | 下拉选择或者文本框都可以 |
| WhatsApp / Phone | 否 | 外贸客户很多习惯用WhatsApp,设为选填 |
| Product / Quantity | 否 | 产品页上的表单可以把产品名自动带进来 |
| Message | 是 | 留够大的文本框,提示客户写清楚需求 |
如果面向欧盟客户,再加一个同意隐私政策的勾选框,链接到网站的隐私政策页面。
提交按钮的文字写具体一点,比如「Get a Quote」「Send Inquiry」,比默认的「Submit」好。
选哪个表单工具
| WPForms Lite | Contact Form 7 | Elementor Pro表单 | |
|---|---|---|---|
| 费用 | 免费 | 免费 | 包含在Elementor Pro里 |
| 编辑方式 | 拖拽式,有模板 | 写标签,类似代码 | 在Elementor里拖拽 |
| 后台保存提交记录 | 免费版不保存,只发邮件 | 不保存,装Flamingo插件后可以 | 保存 |
| 提交后跳转页面 | 支持 | 要装插件或加代码 | 支持 |
| 适合 | 新手 | 追求轻量、愿意折腾的 | 已经在用Elementor Pro的 |
没有特别的需求,选WPForms Lite。
不管用哪个,通知邮件都要靠SMTP才能稳定送达,先把发信配置好,见《WordPress网站收不到询盘邮件?SMTP设置教程》。
方法一:WPForms Lite
1. 创建表单
- 在「插件」→「安装插件」里搜索「WPForms」,安装并启用「WPForms Lite」;
- 进入「WPForms」→「添加新表单」,填写表单名称,比如「Inquiry Form」;
- 选择模板「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)组件,不用再装表单插件:
- 在Elementor编辑页面,搜索「Form」组件拖到页面上;
- 在「表单字段」里添加、删除、排序字段,设置是否必填;
- 在「提交后操作」(Actions After Submit)里,默认有「Email」,按需再加「Collect Submissions」(在后台保存提交记录)和「Redirect」(跳转到感谢页);
- 展开「Email」设置:收件人填你的邮箱;发件人邮箱填SMTP用的域名邮箱;「Reply-To」选择表单里的Email字段;
- 展开「Redirect」,填写感谢页的网址;
- 发布页面。
做成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付费版可以按国家、关键词过滤;
- 不要为了挡垃圾把表单做得太难填,少量的推销信息直接删掉就好。
上线前测试
表单做好之后,自己提交一次,检查这几项:
- 页面上显示了成功提示,或者跳转到了感谢页;
- 收件邮箱收到了通知,没有进垃圾箱;
- 邮件里所有字段都有内容,没有漏掉新加的字段;
- 在邮件里点「回复」,收件人是你测试时填的邮箱;
- 用手机打开页面再提交一次,看表单在手机上是否好填。
之后每次换主机、改域名、改邮箱密码,都再测试一次。
常见问题
客户提交了,我却没收到邮件?
先查垃圾箱,再检查表单的收件人,然后用SMTP插件的测试功能发一封试试。绝大多数情况是WordPress发信的问题,按《SMTP设置教程》配置就能解决。
询盘邮件能同时发给几个人吗?
可以。WPForms在「发送到邮箱地址」里用英文逗号隔开多个邮箱;CF7在收件人里用逗号隔开;Elementor在「To」里用逗号隔开。
表单可以上传附件吗?
可以,但附件上传会给网站带来安全和垃圾风险。WPForms的文件上传字段是付费功能,CF7和Elementor Pro支持。建议限制文件类型(比如只允许PDF、JPG)和大小,或者让客户在回复邮件时再发附件。
怎么知道询盘来自哪个页面?
WPForms可以在邮件内容里加 {page_url} 智能标签,CF7可以用 [_url] 特殊邮件标签,Elementor Pro的邮件默认会附带页面网址等元数据。加上之后,每封询盘都会显示是在哪个页面提交的。
总结
做一个靠谱的询盘表单:
- 字段:5到7个,Name、Email、Message必填,公司、国家、WhatsApp选填;
- 工具:新手用WPForms Lite,要轻量用Contact Form 7,有Elementor Pro用它自带的;
- 通知邮件:收件人填自己的邮箱,发件人填域名邮箱,回复地址填客户邮箱;
- 提交后:跳转到感谢页,方便统计转化;
- 防垃圾:先开蜜罐,不够再加reCAPTCHA或Turnstile;
- 发信:配置SMTP,自己提交测试一次。
网站的其他基础设置见《安装WordPress后必做的10项设置》,需要的插件清单见《外贸网站必装的WordPress插件清单》。



