外贸询盘表单是B2B外贸营销型网站中最重要的功能之一。它不仅是获取潜在客户的关键途径，更能显著提升用户体验和企业形象。借助Elementor Pro强大的Form小部件，我们可以轻松设计出符合企业需求的定制化询盘表单。
然后通过简单的SMTP配置，确保每次表单提交都能及时收到邮件提醒，实时掌握潜在客户的信息。
本篇Elementor教程将详细介绍如何利用Elementor打造功能全面的B2B询盘表单，帮助我们即使了解用户需求、跟进并转化为实际订单。
*本文需要用到Elementor Pro。
第一步：使用Elementor创建一个Section
我们通过Templates > Add New新建一个Template，使用Elementor来编辑。
我们新建一个Section的Template。
进入到可视化编辑页面，点击左上角的“+”号，搜索Form，然后添加Form小部件。
第二步：给表单设置自定义字段
我们拖拽生成的Form表单都是默认给我们提供三个字段：Name、Email和Message。我们需要按照自己的需求来调整这些字段，从而让用户填写你想要了解的信息。一般的B2B询盘表单字段设置有：
- Name
- Company Name
- Country/Region
- Message
根据自己的需求进行调整，比如增加Skype、Phone、Interested Product等字段。
我们每个字段分别对应一个Form Field，而每一个Form Field需要设置：
- Type
- Label
- Placeholder
- Required
- Column Width
1. 对于Name字段，我们设置如下：
2. 对于Company Name字段，我们设置如下：
3. 对于Email字段，我们设置如下：
4. 对于WhatsApp字段，我们设置如下：
5. 对于Country字段，我们设置如下：
我们设置Type为Select（下拉框），Options里面填写全球各国，每个国家之间需要换行。我们可以在此处找到全球国家列表，复制粘贴进Options框即可。
6. 对于Message字段，我们设置如下：
Row代表的是Message输入框的高度。
每个字段的设置都处理好后，我们要对整个Form小部件中的Form Fields进行一些设置：
- Input Size：设置每个表单字段输入框的大小
- Label：是否显示字段标签
- Require Mark：是否在表单中显示字段为必填项，需要勾选Label后才有该选项。建议勾选。
可以初步看到我们的询盘表单样式如上图。
第三步：设置表单提交后的动作
我们打开Form小部件的Actions After Submit选项卡。
默认Elementor Pro会给我们添加两个动作：
- Collection Submissions
这两个动作我们保留即可，里面的设置则根据实际需求来修改：
Collection Submissions动作
Collection Submissions是Elementor Pro给我们提供的表单询盘管理功能。设置这个动作后，通过Elementor制作的表单提交的所有询盘信息都会记录在Elementor > Submissions当中。
你可以理解成这是Elementor给我们提供的一个极简版的询盘管理系统。
我们点开就能看得到用户提交询盘信息。
Email动作
Email动作设置的是当用户向我们网站提交询盘后，我们网站启用SMTP服务给特定的邮箱（我们想要收到询盘的邮箱）发送一封邮件。
整个表单提交的逻辑是：
- 用户在我们网站提交询盘表单，触发Email动作
- Email动作启用网站的SMTP服务，利用From邮箱向我们设置的To邮箱中发送用户所填写的询盘信息。在此之前，我们需要配置WordPress网站的SMTP服务使其具备邮件发送的功能。
Redirect动作
这里我们再添加第三个动作：
- Redirect。Redirect这个动作是为了我们在后续使用GTM和GA4做询盘表单转化追踪（带感谢页面）的时候使用的。如果你的询盘表单需要在GA4中做转化追踪，那么就把这个动作添加到Action After Submit中。
添加Redirect后我们会看到Form设置里面多出了Redirect选项卡。
我们打开Redirect选项卡，将感谢页面的网址输入其中（https://yourdomain.com/thank-you/）。这样设置后，当用户提交询盘表单，那么就会重定向用户到感谢页面。用户触达感谢页面，我们就在GA4中记录为一次转化事件。
如果你的网站中还没有感谢页面，那么可以先制作一个。
第四步：更改询盘表单样式
Button设置
这边我们可以设置表单提交按钮的文本和样式。按需修改即可。
Style选项卡设置
Form里面可以调整输入框左右和上下之间的距离，调整标签的样式。
第五步：发布询盘表单模板
我们将字段、询盘提交后的动作以及表单样式设置好以后，点击右上角的Publish按钮发布我们的询盘表单模板。
我们的询盘表单模板是一个Section，不需要设置展示条件。
第六步：插入询盘表单
然后就可以在需要的地方插入这个询盘表单，例如我们使用Elementor编辑器打开“联系我们”页面：
我们点击左上角的“+”号，搜索小部件，我们搜索Template小部件，然后将其拖拽到合适的地方。
将Template小部件放置到合适的位置后，我们搜索我们的询盘表单模板的名字。
选择询盘表单模板，添加至“联系我们”页面。
点击右上角Publish，我们的询盘表单页面就制作好了。
