Contact form 7插件使用介绍和常见问题解答

Contact form 7 是一款非常流行的免费表单插件,功能很强大,操作也不复杂。下面介绍使用方法

1. 首先是安装,搜索 contact form 7即可找到,选择install并activate it

contact form 7使用介绍

2. 安装完成后,WP后台的左侧会出现一个contact 的菜单,这就是contact form 7的快捷菜单

contact form 7

3. 新建表单,在contact菜单下面Add new即可新建表单,填好名字如Inquiry,保存即可。

contact form 7

4. Form的设置, Form里面是表格的元素的设置,默认生成的有your name, your email, subject, your message,你也可以根据需要点击FORM顶部的相关菜单,添加相应的功能,如URL等,方法:把光标放置到一个空行,点击URL,会弹出一个窗口设置:

contact form 7

contact form 7

required field 视需要打勾或不打勾

Name 保持默认即可
Default value 填上your website
use this text as the placehold of the field, 打上勾
this requires the author's URL 不打勾
其他的暂时不填, 然后点insert tag,即可插入到表格中了,然后点击SAVE。

你可以根据需要添加其他的一些表单模块。

5. MAIL设置,这里是设置相关的发信息资料,如收到邮件的格式,发送人和收件人邮箱,邮件的标题等

contact form 7

6. Message设置,这里面是一些提示信息文字的设置,一般保持默认即可

contact form 7

7. Additional settings:这里面可以增加一些扩展的代码,下文会讲述到常用的一些应用。

contact form 7-12

8. 如何调用Contact form 7表单:当以上设置好以后,把标题下面的一段代码(shortcode)复制,并粘贴到post 或page或portfolio的编辑框里面,然后点update即可完成添加。

contact form 7使用

contact form 7

ccontact form 7

完成以后,可以做一个测试,看是否发送成功。

9. Bluehost空间上的网站使用CF7的常见问题及解决方法:

询盘无法发送成功或无法收到,如下图所示

contact form 7发送错误

SOLUTIONS:

注:BLUEHOST上的网站不支持第三方邮箱发送系统邮件,所以如果装了SMTP插件则必须删掉才可以正常使用

Step1

假如你的工作企业邮箱为sales@xxx.com, 那么在CF7表单中将收件人邮箱设置为inquiry@xxx.com,发件人邮箱设置为wordpress@xxx.com,

bluehost email 6

Step2

到BH后台-hosting-email下面去添加3个网站域名后缀的email账号,分别是sales@xxx.com,inquiry@xxx.com, wordpress@xxx.com (无论你的企业邮箱在哪里,这里都必须要添加(不影响本身邮箱的使用),如果你的企业邮箱本身挂在BH上面了,那应该不会出现此问题),如下图

contact form 7 Bluehost add email

contact form 7 Bluehost add email 1

Step3

到bluehost后台 DOMAINS-ZONE EDITOR页面,找到MX(mail exchanger), 点击下面的more,勾选local mail exchanger,并点击change

bluehost email 1

bluehost email 2

bluehost email 3

Step 4

到BLUEHOST后台-hosting -email中选择forwarding 并点击add email forwarder,在address to forward中填上inquiry,在forward to this address中填上你的实际工作企业邮箱,如sales@xxx.com或 XXX@GMAIL.COM都可以,并点击SUBMIT。

bluehost forwarding

bluehost email 5

只要按以上步骤设置,即可成功发送询盘并收到询盘,亲测有效。

contact form 7 succeed

 

10.如何实现发件人的IP追踪和询盘页面的标题,URL等信息,可以在mail菜单下面的message body后面加上以下代码可以实现:

[_remote_ip]:发送者当前的IP
[_url]: 询盘表单所在的页面

[_post_title]:询盘表单所有页面的名称

cf7 tag

全部的代码可以查看这里 http://contactform7.com/special-mail-tags/

11. 询盘发送如何实现页面的跳转:在Additional settings里面加上以下代码(全部复制,如果不成功,则有可能是里面标点不对,一定要保证代码里面的所有标点符号为英文状态下的标点

on_sent_ok: "location = 'http://example.com/';"

把example.com换成你跳转后的页面URL,保存,即可实现发送询盘后跳转。这样便于进行GA的转化设置。

contact form 7

12. 常用询盘表单的代码参考:

将以下代码放到 contact form 7第一个选项FORM里面,保存;就可以调用到这个询盘表单了,这是我常用的一个。

<p class="cf7-title"><h2 style="font-size:25px;"><i class="fa fa-envelope-o"></i> We will answer your email shortly!</h2></p>
<p>[text* your-name placeholder "Your name*"]</p>
<p>[email* your-email placeholder "Email Address*"]</p>
<p>[text your-subject placeholder "Your website*"]</p>
<p>[textarea your-message placeholder "Give us your need as specific as possible*"]</p>
<p>[submit "Send"]</p>

 

效果如图:

contact form 7 表单示范

13. 配套插件:Contact form DB

这个插件的作用时,当用户通过你的CF7等发询盘的时候,无论是是否发送成功,这个询盘的内容都可以被记录下来,非常好用,可以防止无法发送询盘或无法收到邮件导致的询盘丢失。

如果有遇到其他问题,请留言。

7 条评论在 “Contact form 7插件使用介绍和常见问题解答”

  1. Hunk
    你好,我在使用form7 表单的时候,根据你的教程,添加这些 TAG [_remote_ip]
    却发现发送的邮件,无法接收到,而把这些代码删除了,又可以收到邮件。

    在DB的后台,是可以看到提交的表单的,另外使用你的这个表格代码,contact form提示出错。是怎么回事呢?

  2. Hunk

    我的个人WP网站,contact us , 域名邮箱是用的腾讯的企业邮箱,contact us 页面就是出现了,通过smtp 插件配置好了,但是,发询盘后显示发送成功,邮箱里面收不到询盘,这个问题能解决吗?

    1. bluehost不支持第三方邮件,bluehost网站询盘收不到也是正常的,要想彻底解决这个问题只有换空间

  3. 到BH后台-hosting-email下面去添加3个网站域名后缀的email账号,分别是sales@xxx.com,inquiry@xxx.com, wordpress@xxx.com (无论你的企业邮箱在哪里,这里都必须要添加(不影响本身邮箱的使用)

    关于这个那只要新建两个邮箱就可以了吧,inquiry@xxx.com, wordpress@xxx.com
    这个sales@xxx.com可以是原来企业邮箱设置的业务邮箱,用inquiry@xxx.com这个邮箱接收询盘并转发到sales@xxx.com,可以这样理解吗?

发表评论

电子邮件地址不会被公开。 必填项已用*标注