网址导航网首页

嗨,欢迎来到25Qi网址导航

站长QQ:2598903095

WordPress

WP最佳询盘插件:Contact Form 7 (附详细使用教程)

时间:2021-08-22 丨 作者:WordPress教程 丨 关键词:WordPress插件
Contact Form 7
Contact Form 7

Contact Form 7可以管理多个联系人表单,此外,您还可以使用简单的标记灵活地自定义表单和邮件内容。该表单支持Ajax支持的提交,CAPTCHA,Akismet垃圾邮件过滤等。

下载地址:https://WordPress.org/plugins/contact-form-7/

一、安装说明

进入网站后台,点击Plugins→Add New

contact form 7 setting

在关键词搜索框输入contact form 7

contact form 7 setting

在箭头所标处点击install now→Active即可,我这里是之前就已经安装了,所以显示已启用

contact form 7 setting

二、设置教程

安装激活完成后,后台左侧会出现一个Contact菜单,点击Contact Form进去

contact form 7 setting

这里有一个自动生成的Contact Form 1,点击Edit

contact form 7 setting

首先,可以修改一下表单的名字,再点击蓝色按钮进行保存

contact form 7 setting

Form表单的设置

接下来就要来设置Form菜单了,下方椭圆形标记处是默认的Form菜单,如果你觉得功能够用,可以保留。

上面有一栏很长的功能菜单,我们可以根据自己的需要选择将这些功能添加到表单中,分别对应的含义是:

text,文本,可以用于任何文本信息的收集,比如用户名,公司名,甚至电话都可以email,用于搜集邮箱,专属模块URL,用于搜集网址,专属模块,可以用text模块代替tel,用于搜集电话,专属模块,可以用text模块代替number,用于搜集数字,专属模块,可以用text模块代替date,日期,专属模块text area,文本段,一般放在表单末尾,用于搜集用户的大段信息drop-down menu 下拉菜单,用来选择不同的选项,比如选择苹果/香蕉/梨子,只能单选checkboxes,复选框,就是这个☑️,可以多选radio button,单选按钮,只能单选,与drop-down menu功能上类似,但是drop-down menu更节省空间acceptance,接受按钮,就是你在注册某些网站的时候,最后都有一个用户注意事项什么的,就是让你确认一下,我们搜集你的数据是合法的。quiz,小测验,可以设置一个小问题,比如5+3=?,如果用户填写的是8,那表单就发送成功,用来屏蔽机器人发送的垃圾邮件。file,文件上传submit,发送按钮
contact form 7 setting

下面我们来示范添加两个功能

首先添加一个text,将光标放在你想放的位置,然后点击text按钮

contact form 7 setting

填写好名字Name(名字)、Default value(默认值),勾选第一个小空格,点击插入Insert Tag(如果你觉得这个回答非常重要,你可以勾选Required field,即用户只有填写了这个输入才能提交表单,否则会显示错误不能提交。)

contact form 7 setting

接着可以看到text功能已经添加成功了,记得点击save按钮进行保存

contact form 7 setting

接下来添加一个file功能,还是先把光标放在想放的位置,然后点击file按钮

contact form 7 setting

填好文件的名字、大小和文件类型,然后点击Insert Tag按钮

File size 这里是限制附件的大小,cf7最大支持25mb,文件发送一般会送到邮件中Acceptable file types 可以输入文件类型,不不同格式用 | 分开,比如gif|jpeg|png|pdf
contact form 7 setting

我们可以看到已经添加完成啦,记得点击save保存

contact form 7 setting

如果你还有其他的功能想添加,就按这个方法去做就行,不过表单还是保持简洁一点好!

Mail菜单的设置

接下来设置邮箱菜单

首先填写好询盘收件邮箱;后面三项保持默认即可,不用修改

contact form 7 setting

接下来是邮件正文部分,我们可以看到红框处的代码有部分显示为灰色,表示在下面正文中已包含这些内容,有部分显示为黑色,表示这个内容还没有添加成功,我们将[your-company]添加到Message body中去

contact form 7 setting

添加完成后,可以看到上方的[your-company]变成灰色了

contact form 7 setting

接下来我们将[your-file]拷贝粘贴到File attachments右边的空白框中(文件上限不能超过25mb

,否则会提示文件过大),点击左下角的save保存

contact form 7 setting

我们可以看到,[your-file]也变成灰色了

contact form 7 setting

Message设置

留言设置这块,我们一般保持默认即可

contact form 7 setting

创建更多表单

如果你想创建多一个表单,可以复制上一步设置好的表单

contact form 7 setting

然后修改好标题和相关内容,再点击save保存即可

contact form 7 setting

如何在网站中使用Contact form 7表单

点击表单后面的简码,复制它

contact form 7 setting

新建一个页面

contact form 7 setting

取一个标题,再将刚才复制的简码粘贴到空白处,保存发布

contact form 7 setting

待发布完成后,点击查看页面

contact form 7 setting

我们刚才设置的表单就呈现出来了,但是我们看到 your comany这部分和其他条目的格式不一致,所以我们需要去修改一下

contact form 7 setting

回到联系表单contact form编辑界面,修改为统一格式,再点击save保存

contact form 7 setting

刷新页面,表格就改好了

contact form 7 setting

做好表单后记得要测试一下是否能成功发出去,非常重要!

 

Conact form 7 skins插件(美化)

Contact Form 7 Skins是一款cf7的美化插件,可以自己在wp后台插件中搜索安装。

这个插件可以实现拖拉元素进入到表格中,另外还内置了十几个表单设置以及表单样式,不用代码都能弄出好看的表格来。

contact form 7 setting

Contact form 7 发信之后如何跳转到thanks页面

我们用时候需要用户发信之后跳转到thanks页面,这样我们就能统计网站表单的转化率,在thanks页面可以加入再营销代码,这样还能筛选出用户进行二次营销。

那么怎么跳转呢?

可以加入以下代码到cf7的表单下面

<script>document.addEventListener( 'wpcf7mailsent', function( event ) { location = '/thanks/'; }, false );</script>
contact form 7 setting

一定要注意,location后面要填入thanks页面的链接地址,不要填错了。

Contact form 7 如何设置并排的两栏

contact form 7 两栏

如果你的表单中单个输入框比较长,可以考虑设置两栏,就像上面这张图这样,那么你需要把下面这段代码覆盖掉你之前的表格代码:

<div class="keen-form"> <div class="one-half">[text* your-name placeholder "Your Name*"] </div> <div class="one-half last">[email* your-email placeholder "Your Email*"] </div> <div> [text* your-subject placeholder "Your Subject*"] </div> <div>[textarea your-message placeholder "Your Message"] </div> <div>[submit "Submit"]</div> </div> <style> .keen-form div{margin-bottom:20px;} .one-half,.one-third { position: relative; margin-right: 4%; float: left; z-index: 99; } .one-half { width: 48%; } .one-third { width: 30.66%; } .last { margin-right: 0 !important; clear: right; } @media only screen and (max-width: 767px) { .one-half, .one-third { width: 100%; margin-right: 0; } } </style>

 

代码放入如下位置:

WP最佳询盘插件:Contact Form 7 (附详细使用教程)

这片代码段中,我将name和email设置成了one-half,如果你想设置三栏,将class=”one-half”换成class=”one-third”,并在三栏中的最后一栏的class添加一个last。

如果你觉得输入框之间的间距不够大,可以设置 .keen-form div{margin-bottom:20px;}中的数值。

文章转载: https://keentalking.com/contact-form-7-guide/

在线随机小姐姐图片换一批
最新收录
  • 黄飞鸿热炙理疗

    黄飞鸿热灸馆加盟项目,整店输出模式,专业热灸加盟技术培训,一个专业做中医养生的连锁品牌。源自黄飞鸿的嫡孙继承了黄飞鸿先生的遗志,多年来一直坚定不移地致力于大健康产业,并创立了黄飞鸿热灸馆;主要业务服务有黄飞鸿热炙理疗,黄飞鸿热炙理疗馆加盟,黄飞鸿理疗馆,黄飞鸿热灸,黄飞鸿养生馆加盟,黄飞鸿养生馆加盟,黄飞鸿热灸馆,黄飞鸿热灸体验馆,黄飞鸿热灸馆加盟,黄飞鸿热灸理疗馆,黄飞鸿热灸膏

  • tp钱包

    TokenPocket钱包支持数字资产存储。每天走势掌握,功能强大,在线管理数字货币,超多币种推送,多种交易方式,私钥用户自持且轻便易用的以太坊轻钱包。tp支持多资产类型,如:TokenPocket、ETH、QTUM、AE、BTM等大多数主流币种,让tp钱包更好地融入你的生活。

  • 浙江丰安齿轮股份有限公司

    浙江丰安齿轮股份有限公司成立于1999年1月,是一家集开发、设计、制造、销售服务为一体的齿轮专业制造商,占地面积93亩,总资产3亿余元,主要设备400余台。公司于2017年1月在“新三板”挂牌,股票代码870508。公司以精湛的技术、过硬的品质、优良的服务来赢得客户满意,努力打造业界一流齿轮制造企业。

  • 浙江中孚环境设备股份有限公司

    我公司系高新技术企业,专业从事空气净化的产品生产、工程服务及洁净技术的应用与研究,提供从空调处理设备、空调自动控制系统到洁净室系统全面服务,为各类工业用空气处理提供一揽子解决方案及交钥匙工程。   产品遍及全国几十个省市,并出口至巴基斯坦、伊朗等国家。我公司在化纤工艺空调领域精耕细作20余年,2001年进入医药、电子等行业的净化空调设备。   本公司拥有雄厚的技术力量和良好的售后服务,承接系统设计、技术咨询、产品制造、技术改造等项目。设备采用工业计算机、可编程序(PLC)控制器、数字直接控制器(DDC)等智能控制器,可实现节能显著的运行系统(节能策略有:新回风的焓值控制、二次回风、送风机的变频调速;非露点控制方案在过渡季节节能50%。在化纤纺丝行业采用的节能措施,同样可在医药行业的净化空调上使用);采用与国际惯例接轨的CAD设计和质量保证体系。

  • 江苏双友智能装备科技股份有限公司

    双友科技为客户提供直缝埋弧焊管生产线、直缝高频焊管生产线、螺旋埋弧焊管生产线、钢管内外防腐生产线,石油套管生产线,热处理生产线以及其他系列产品。同时公司致力于为高端铝业服务,为客户提供更为高效,节能,环保,安全的铸铝生产线及其相关设备。公司积极推进国际化发展战略,逐步实现品牌、市场、团队、技术、管理与国际化标准接轨。此外,公司与众多国际知名管材和铝材生产商建立了紧密的合作关系,在中东设立了海外分支机构。双友科技旨在将中国的高端制造带给世界。

  • 南京三超新材料股份有限公司

    南京三超新材料股份有限公司成立于1999年1月,注册资本9360万元,2017年4月21日,在深圳创业板成功挂牌上市。占地面积130亩,建筑面积约86,000平方米。是一家专业从事金刚石、立方氮化硼工具的研发、生产与销售的高新技术企业,现拥有金刚石砂轮和金刚石线两大类相互协同的产品系列,应用于硅、蓝宝石、石英、铁氧体、钕铁硼、陶瓷、玻璃、硬质合金等硬脆材料的精密切割、磨削与抛光。 公司自成立以来,始终坚持"以人为本、技术优先"的发展理念,先后引入多名外籍专家,并在日本成立了超硬材料工具的专业研发机构。经过多年研发,公司成为国内最早通过自主研发掌握金刚线制造的相关技术,成功实现产业化的企业之一,并且打破了国外企业的技术垄断,与新研发成功的硅片背面减薄砂轮、硅片倒角砂轮、PAD修整器等产品,为半导体及太阳能光伏行业提供了优质的金刚石工具,并凭借良好的品质与高性价比,赢得了众多实力用户认可,在国内形成了较高的行业影响力。