外贸表单提交 Contact Form 7+ Flamingo插件教程

一个好的表单提交功能,或者说是邮件询单功能,可以提升你的网站询单率,同时也会提高用户黏性

什么?你的网站没有表单提交功能?

没关系,这篇文章会教外贸小白怎么利用插件(Contact Form 7 + Flamingo)在自己的wordpress网站中加入表单提交功能。

这里我们会借助Contact 7插件、以及Flamingo插件,进行表单功能的实现

我们会先从简单的工具安装开始讲起。

如何安装Contact 7 插件

Contact Form 7

上图是Contact Form7的插件图标

wordpress后台 > 插件 > 安装插件 > 搜索“ Contact Form7 ” > 安装 > 启用

找到上图所示的图标点击安装,并且启用即可。

Contact Form 7 这里主要是用来实现提交表单功能的,继续阅读,稍后我会详细讲解用法。

如何安装 Flamingo插件

Flamingo插件

Flamingo的插件安装方式和Contact Form7一模一样,依葫芦画瓢就可以。Flamingo这插件主要目的适用于接收用户表单提交的信息。

因为,有很多企业网站并没有配置邮件服务,所以有些是无法接收到用户提交的表单信息的。所以这里我们会辅助使用flamingo插件获取表单消息

当然,即便你准备邮件功能,我依然建议添加Flamingo插件。

不怕一万,就怕万一,重要的信息遗漏,那就不好了,对不对?

如何设置表单语言

Contact Form7插件可以自由的切换语言。当你安装完成Contact Form7之后,会在wordpress网站后台(wp-admin界面)左侧侧边栏中出现一个“联系(contact)”的选项。

点击进入联系页面,就出现如下的图片,并且已经提供好了一个表单的模板。

Contact Form7 表单管理页面

点击“联系表单1” 模板会出现如下内容界面:

表单模板界面

你只需要把中文提示部分的内容,更换成自己需要的语言即可。

同时这个插件还提供了各种表单功能,你可以根据自己的需求进行添加。

小提示:一个网站可以添加多个表单模板,用于不同的转化场景。

比如文章底部,侧边栏,顶部右上角等等。可以顶多套表单模板,用于满足当前网站的用户需求。

如何在网站侧边栏设置表单提交功能

进入wordpress后台 > 联系界面,获取定制好语言的表单模板简码。如下图所示,把代码Ctrl+C复制出来。

简码部分

然后,进入wordpress后台 > 外观 > 小工具中

将左侧栏目中的文本功能,点击拖动到右侧对应的侧边栏中。如下图所示。

点击拖动文本功能

拖动到固定位置后,点开小工具区域的文本编辑框,点击文本(html代码),并且把刚才的简码复制到文本框当中。

将代码复制到文本框,并起一个标题

小提示:最好给自己的文本编辑框起一个吸引眼球的题目。像上图所示那样。

点击保存,同时反回到首页。F5刷新页面之后,你就能看到自己定制的表单显示到了侧边栏中。当你设置完成之后,你的侧边栏应该和我下方图片这里一样。

设置好之后的侧边栏

如何在页面内部设置表单提交功能

上方我讲的是侧边栏,同样在文章或者页面中也可以直接黏贴简码。方法如出一辙。

文章编辑界面,都有文本功能,你只需要把表单的简码,添加到自己指定的位置即可,非常的方便哦!这里我就不再进行演示。

表单功能测试

这里你就需要用到Flamingo插件的设置了。

如果你没有安装 Flamingo插件,那么当你测试表单提交的时候,你多半是收不到询单的Email的。

如果你安装好了Flamingo,那么当你测试的之后,就会在如下:

wordpress后台 > Flamingo > 收件箱信息

界面中看到测试的信息。如下图这样,大功告成~

收件箱信息界面

如果你设置过邮件,邮件回复模板应该如何设置呢?

非常的简单,再次回到 后台联系界面,在模板编辑中有个邮件板块的设置。你可以根据自己的喜好去配置自己的邮件回复模板。

邮件模板板块界面

同时,我也建议大家,把邮件模板右边的留言板块,同步设置一下,这样用户体验会更好。

怎么设置邮箱获取用户询单呢?

在后台 设置(setting)当中有个邮件服务期设置哦,记得让你们的技术设置好邮件服务器(需要特殊服务器配置的)并把对应内容填好保存即可。

电子邮件设置界面

赶紧回去试试吧?


谷歌seo 谷歌 adwords课程

留下评论