本教程提供了3种在WordPress中创建联系表单和记录查询的方法:插件ContactForm7+Flamingo,均为免费插件ElementorPro+ElementorContactFormDB,前者付费,是网页可视化编辑器,后者免费。插件NinjaForms是免费的。这是一个新发现和推荐的方法。相关教程请查看:NinjaForms:一款免费的联系表单插件,但它提供了付费表单才有的功能。【视频+图文】本文原文发表于:https://loyseo.com/how-to-cre...制作联系表教程概览方法一、使用ContactForm7插件制作联系表格,使用Flamingo插件记录收到的查询所有wordpress网站都可以使用,不限主题,不限页面编辑器优势:可以提供自定义问题验证功能,可以实现简单的数学题验证如2+2=?,这个功能可以屏蔽大部分的广告邮件,很多广告邮件来自一个工具:GSAWebsiteContact,GSA可以根据产品词搜索目标企业网站,根据既定规则找到联系页面,并根据定制的广告内容自动提交表单。这也是常用的拉客方式(有兴趣的也可以试试~),GSA也可以破解谷歌验证码,我不推荐使用谷歌验证码,因为会大大拖慢网站速度,不要用复数计算题,会降低客户提交查询的意愿缺点:相对于Elementor,Contactform7不能可视化编辑,操作起来有点不方便。见下图。Contactform7制作一个联系表格。ElementorDB插件记录收到的查询。它适用于使用ElementorPro编辑器的wordpress网站。优点:可视化编辑表格,操作方便。缺点:不提供自定义数算题验证功能。Elementor可视化制作联系表单的操作界面,可以看到就是elementor制作的联系表单创建表单后,需要配置SMTP,以便在收到询盘后可以将通知发送到您的邮箱。了解了两种联系方式制作方式的优缺点后,我们将一一讲解制作方式的详细教程。ContactForm7+Flamingo制作联系表单教程安装并启用插件ContactForm7,Flamingo,相关教程:如何安装wordpress插件(3种方法)如果要制作英文查询表单,需要确保用户的语言也是英文(修改方法如下图所示),因为contactform7会根据你的背景语言为你创建表单文案和提示信息。修改用户语言,使其与询价单的语言一致,如下图所示。我们开始制作表格,输入contact》addnew,会看到默认表格的内容,输入表格的标题。详细介绍在邮件页面制作询价通知邮件的模板。下面还将详细介绍表单页面默认表单中的主题字段,只保留Yourname、Youremail、Yourmessage这三个字段,因为简单的表单便于客户提交。不要做复杂的表格,让客户填写困难。接下来,我们将添加一个简单的数字计算验证问题来屏蔽一些广告邮件;会增加客户提交询盘的难度。操作步骤如下。在表单页面,点击下图中的问答按钮,填写问题和答案。问题和答案之间用|隔开符号,如2+2=?|4,然后点击插入标签,将问题插入到表单中,如下图,问题插入到提交按钮【提交“发送”】上方。如下图,在字段下方加一个空行可以给字段底部增加一点空间,回车加1个空行即可,多个空行不会堆积。(其实这个操作就是把label改成了p,而p一般在行下面有一个间距,从而增加字段之间的间距)。此时,您可以保存表格,您会在表格标题下看到下图中的蓝色区域,复制简码,粘贴到联系我们页面,预览表格效果。接下来,请创建一个联系我们页面。即使不使用页面编辑器,也可以在wordpress默认的编辑模式下使用联系表单的短代码。只需将上面复制的代码粘贴到页面中并保存即可。.如果你使用Elementor编辑器,在创建页面的时候,在左边的元素栏中找到名为shortcode的元素,将它拖到右边的页面中,然后在左边的内容框中输入表单代码,你会看到contactform7的form直接显示在右边,呃...不太好看,不知道css代码很难调整它的外观。当然你也可以使用其他插件为表格定义样式,或者就使用这个简单的版本,我们来做一些简单的样式调整,比如把表格的宽度改为全宽(我知道的css只是入门级的?,无法提供复杂模式的代码如下。”修改,将字段宽度改为100%全宽。(如果你想使用它,使用它
