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


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

第一步:编写表单元素

/*
 * 文章标题:WordPress插件教程:Contact Form 7 完全使用指南
 * 文章链接:https://www.jianzhanmi.com/83.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 邮箱的正确配置

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

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

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

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

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

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


<< WordPress插件 Contact Form 7 联系表单的配置详解 WordPress 使用 Polylang 插件创建多语言站点使用教程 >>
  • 作者 建站迷

    建站迷

    让天下没有难做的网站!
    解决中小型企业的无站之伤。



没有账号? 忘记密码?

社交账号快速登录