Contact Form 7 使用教程


小猫云,小心翼翼的 WordPress 开发者

Contact Form 7 完全使用指南及实例

编辑:小猫云 热度:2,283° 日期:2018-12-23



现在我把 Contact Form 7 的使用整合一下,举一个完整的实例便于新手查看。只要跟着我写的步骤来,机器人都会搞。

第一步:编写表单元素

/*
 * 文章标题:WordPress插件教程:Contact Form 7 完全使用指南
 * 文章链接:https://mao.waimaoxiang.com/wp-plugins-contact-form-7-3.html
 * 文章作者:万象天行
 * */
<div id="warranty-form">
	<p>联系信息(必填)<br>[text* text-588 placeholder "姓名"]</p>
	<p>[email* email-175 placeholder "邮箱"]</p>
	<p>[tel* tel-351 placeholder "电话"]</p>
	<p>[text* text-756 placeholder "(地址,用于寄送零配件)"]</p>
	<p>产品:<br>[select* menu-176 include_blank "DB标准烤炉-不带WiFi" "DBWiFi烤炉" "JB加大型烤炉—不带WiFi" "JBWiFi烤炉" "DC便携式烤炉" "拖车烤炉"]</p>
	<p>可选配件:<br>[select* menu-452 include_blank "不锈钢盖" "遥控" "都有选配" "没有选配"]</p>
	<p>序列号 (必填)<br>[text* text-939]</p>
	<p>代理商名称(必填)<br>[text* text-940]</p>
	<p>购买日期(必填)<br>[date* date-722]</p>
	<p>[radio radio-233 label_first default:0 "我已经阅读以及同意条款 (后面有个勾选框)"]</p>
	[submit "发送"]
</div>

这一步看不懂的可以查看 WordPress插件教程:Contact Form 7 表单的配置详解

第二步:配置邮箱

这一步可查看 WordPress插件教程:Contact Form 7 邮箱的正确配置

另外,我详细说下其中的“消息正文”怎么写。

Contact Form 7 完全使用指南及实例

从图中可看到获取填写的表单元素内容是通过短代码实现的,只要按照这种方式写就可;至于样式随你怎么改。

下面是在收件箱里收到的来信:

Contact Form 7 完全使用指南及实例

至此,Contact Form 7 新手教程完结。


有问题,就点我!