在使用WordPress做网站的时候，在联系我们页面中有时候会需要设置联系表单来收集访问者信息，那么使用divi的contact form7联系表单模块，便可以将表单放置在您创建的任何WordPress页面。
在使用Divi主题模块之前，你需要购买正版的Divi主题，这里是我们WP花园的Divi主题70%折扣购买通道。
什么是联系表单
Contact form7联系表单是WordPress网站最著名的插件之一。
Contact form 7插件能够快速收集访问者信息的好方法，
提升网站的询盘数量和质量。
WP花园为客户开发B2B和B2C外贸营销型网站的时候，
经常会使用contact form 7 插件来帮助客户创建询盘收集机制。
真实案例分析
我们有一位WordPress外贸B2B建站客户，在她的WordPress网站中，
需要在联系我们页面中放置一个联系表单模块，以便快速收集访问者的信息。
那么使用divi主题中的tab标签模块，
就能很好地满足这个需求。
这个是我们能做出的contact form 7表单效果：
创建一个contact form 7 表单
现在教大家如何开始创建contact form 7表单。
WP花园中有一篇文章详细介绍了contact form 7表单是什么，以及如何使用contact form 7。
在WordPress仪表盘页面中联系表单，
点击添加contact form 7新表单。
进入contact form 7页面编辑后，
为contact form 7联系表单设置一个新标题名称。
方便在后面的页面设计添加时容易添加。
在contact form 7表单的模块中，可以点击对应选项添加新的选项设置。
若是需要添加电话设置，
可点击电话进入页面设置。
注意：添加任何contact form 7的字段设置的操作过程都是一样的。
在页面中可编辑你所需要设置选项。
设置完成后点击插入标签。
添加成功后，在页面中会出现一串代码。
这个就是我们刚刚添加的contact form 7电话字段field设置。
在编辑页面中复制一个已有的联系表单设置，
设置到您想放置电话字段field的位置。
将“您的名字”改为“您的手机”
将电话字段field代码替换到刚刚复制的选项中。
很多做跨境电商的朋友往往需要外国人的服务，比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商，分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务
若有不需要的字段field选项，直接在页面中选中删除即可。
设置完成后，点击保存即可。
调研divi的contact form 7表单模块
如果你安装了正版divi模板主题，并且安装了divi模板的supremec插件后，会看到一个contact form 7 的新组建。
如果你没有安装这个divi supreme插件的话，可能看不到这个插件。
Divi supreme插件分为免费版和付费版，
无论哪个版本都能加载contact form 7模块。
现在开始教大家在对应的WordPress页面中插入divi表单模块，
首先在页面中点击灰色按钮添加联系表格
（此模块只能在divi行row的内部添加）。
添加成功后，点击“Contact Form7”选择刚刚设置好的联系表单。
就可以展示出我们刚刚设置好的联系表单了。
在表格模块设置中【设计】选项里可对表格模块进行设计。
可以用来调整表格中的文字和颜色以及表格的页面设计。
在设计中的标签是主要设计表单中的文字设置，
若需要更改颜色时，
可在标签文本颜色中设置。
要是需要调整表单的宽度和高度时，
可以在设计选项中的“调整大小”中调整设置。
按钮的设置可以在设计中的“按钮222”中设置，
设置前需要打开使用自定义样式，才可进行设计。
设置完成，
点击保存就完成了contact form 7联系表单模块的创建了。
WP花园结语
如果你想使用本文中的Divi模块，可以从这里购买Divi正版主题，享受70%的折扣。
联系表单是系统中收集访问者信息整合的好方法，
能够快速的创建出表单样式选项的设置，
我们公司在使用WordPress为客户开设计网站的时候，
经常会用到contact form 7联系表单模块来为客户添加联系信息版块，以便获取海外客户的询盘信息。
当然，
你的网站谷歌SEO优化要做好，不然也没有人会提交表单的！
关于使用divi模板站遇到的问题，欢迎给我们留言！
