如何给 WordPress网站添加表单提交功能 – Contact Form7使用教程

Contact Form 7 是一款免费的wordpress联系表单插件，简称CF7，在WP官方的插件排行榜里排名第一，也是表单插件里最受欢迎的插件之一。我们可以通过插件来让客户进行表单提交，给你的WordPress外贸网站增加联系表单，留言，邮件订阅等功能。

本文和大家分享一下在使用 Contact Form7 表单中遇到的一些问题和解决方法：例如 There was an error trying to send your message. Please try again later. 错误等问题。

插件安装

1.登录你的 WordPress 网站后台，插件搜索 Contact Form7  安装并激活。

新建表单

2.进入后台【联系】点击【添加新表单】

2.1.输入表单的标题

2.2.选择需要的字段，Contact Form7 插件为我们预设了，文本，邮箱，联系电话，下拉等输入形式供用户选择，可以根据需求进行点击添加。

如果你需要一个下拉显示框，可以点击的下拉式的菜单项的话，

可以参考下图进行设置。

调用表单

设置好后进行发布，会得到以下调用短代码：

你可以将短代码复制到相应文章或页面的编辑器，来进行调用

访问插入短代码的页面链接，可以看到已经，成功显示表单。

收发信设置

提交数据，进行测试，在测试会提示错误：

[powerkit_alert type=”danger” dismissible=”false” multiline=”false”]
There was an error trying to send your message. Please try again later.
[/powerkit_alert]

是因为我们没有设置邮箱收发信，所提交的数据无法送到管理员邮箱：需要通过 WP Mail SMTP 插件来进行配置，具体参考：

给你的网站添加邮箱提醒功能 – WP Mail SMTP 插件使用QQ邮箱配置教程

本文代码

附上本次教程的示范代码：

<label> 您的称呼
    [text* your-name] </label>

<label> 您的邮箱
    [email* your-email] </label>

<label> 您的地区
[select* region "天津" "山西" "上海"]
</label>

<label> 你喜欢的同行业网站地址
    [text* your-subject] </label>

<label> 您的需求 (可选)
    [textarea your-message] </label>

[submit "提交"]

在后台显示提交的数据

我不仅想在邮箱内收到提醒文件，还需要在网站后台查看提交的表单内容如何实现呢？这里可以借助Flamingo插件来实现功能。

插件安装

1.登录你的 WordPress 网站后台，插件搜索 Flamingo  安装并激活。

激活成功后，在后台菜单【Flamingo】中就可以看到前台用户提交的数据。

类似的插件还有：Contact Form 7 Database Addon，Advanced Contact form 7 DB，大家可以根据自己的喜好进行安装使用。