最新消息:为了本站的未来,希望大家能广为分享,另期待您投稿外贸人建站QQ交流群:201706683,验证请输入:卡拉科技

第七节:联系表单

Wordpress基础 Tony 5628浏览 0评论

回到目录:WordPress快速建站之系列教程

之所以将Contact Form 7作为一个单独章节来讲,是因为联系表单承载着潜在客户与企业主直接联系的任务。费劲心思建设网站、优化和推广,目的就是让客户找到我们,了解我们从而能够联系我们place an order。如果在最后一环(联系)出现问题,那可太糟糕了。

Contact Form 7是目前最流行和使用最广泛的WordPress插件,在后台搜索“Contact Form 7”即可在线安装。如果你的WordPress是中文版,那么你安装的将也是中文版(多语言插件啦这个是),安装完激活即可进入“联系”使用插件。

安装后会有一个默认的表单,更改名称,设置内容,保存后回到主目录下。你会发现类似如下的短代码。

 [contact-form-7 id="223" title="contact form"]

将短代码复制到你想展示的地方就可以了,甚至你可以将短代码放在侧边栏。

当你将表单安排妥当后,需要认真检测,如果发现邮件发送不及时或邮件跑到垃圾箱内,你可能就需要试一下WP SMTP插件了,这个插件可以避免这两个问题。但如果你的服务器(主机)关闭相应SMTP端口,可能你联系服务器客服都无济于事,原因可以看这里

总的来说,这节内容很简单,但等你摸索清楚Contact Form 7的性能后,你还可以通过其它插件/代码辅助它来实现如下的效果(页边停靠按钮,点击按钮弹出联系表单)。

弹出联系表单(contact form 7)

弹出联系表单(contact form 7)

勘误:视频中讲到mail.163.com是错误的,应该是smtp.163.com,错误之处,请谅解!
视频中讲解的WP SMTP插件已经更新可用了(2014-03-23),请大家留意。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNjcyODQw.html

转载请注明:卡拉科技 » 第七节:联系表单

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (3)

  1. 老哥 请问 如何修改 CF7的文字字体 以及表单边框的颜色 和 背景色。 期待相关教程。
    海彬4年前 (2014-07-14)回复
    • 这个很简单的,如果你懂一些CSS基础。插件官方教程http://wordpress.org/plugins/contact-form-7/
      Tony4年前 (2014-07-22)回复
  2. 您好,请问怎样才能用按钮实现这个功能?
    章鱼哥2周前 (05-28)回复