WordPress网站添加询盘表单并设置转化追踪(图文教程)

2020-01-17 0 6,385

网站询盘表单和转化追踪是大家最关心的问题,毕竟咱们网站做出来就是为了获取询盘的。对做SEM的网站来说网站转化效果追踪绝对是必不可少的,我们所有的优化都需要有转化情况的支持,不是要你觉得,也不是要我觉得,而要从转化数据里面分析。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

OK,废话不多说,现在开始实操教程。

整体思路: 客户访问网站对产品感兴趣 > 填写询盘表单 > 提交后跳转“thank”页面。我们就利用提交表单跳转这一步来设置转化追踪。

  1. 案例在线网址:https://cnc.vnlee.com/ (之前零基础建站教程里面做的网站)
  2. 所需插件:wpforms;
  3. 操作步骤:添加“thank”页面,添加谷歌分析代码并设置转化,添加询盘表单并设置提交表单后跳转。

一、添加“thank”页面

首先我们登陆网站后台,先给网站添加一个“thank”页面,也就是完成表单发送之后访客会到达的页面。

这里我简单创建一个thank页面,大家也可以根据需要添加其他内容如进一步推广其他热销产品,订阅邮件等等。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

我这个页面就四个元素,一个绿色√的icon让客户晓得发送成功了,然后简单的一句感谢下面加个分割线,最后一个回首页链接(也可以选择链接到其他任意你想客户访问的页面)。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

案例icon的设置,代表正确的绿色勾,居中,80px大小。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

文字用的Special Heading, H1, 现代居中样式。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

分割线,自定义 > 居中 > Fat > 80px 颜色同icon颜色,不额外添加icon。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

再添加一行文字,最后的页面效果如下:

WordPress网站添加询盘表单并设置转化追踪(图文教程)

到这里感谢页面就完成了。

二、添加谷歌分析代码并设置转化

首先我们注册一个谷歌分析账户,进入后台点击创建媒体资源。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

类型选择“网站”,然后添加网站名称和网址,记得修改网址前面协议,有SSL的选https。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

点击创建后会自动进入代码页面,我们复制这一段代码。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

我们先把复制的谷歌分析代码添加到网站上,打开网站后台 > Enfold Child (Theme Option) > Google Services> Google Analytics. 把代码粘贴到如下位置并保存即可。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

接下来我们继续为这个网站添加转化目标,首先回到谷歌分析后台在数据视图下面选择目标。

WordPress网站添加询盘表单并设置转化追踪(图文教程)我们添加一个名称为“inquiry”的目标,类型为“目标网址”,点击继续。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

目标网址选择“等于”,然后填写目标网址,注意这里不需要填写完整网址而且两个斜杠都不能少。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

点击保存,这样我们就为当前数据视图添加了一个转化目标。

三、添加询盘表单并设置提交表单后跳转

接下来我们添加wpforms插件并创建表单。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

这个wpforms之前也有提到过,这是一个可视化表单编辑器,免费版的就已经足够我们使用。具体可以参考 > 换掉你的Contact form 7!

直接安装然后激活他会跳到如下页面,我们直接点击“Create Your First Form”进入表单创建界面。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

给表单命名,这里我命名为“inquiry”。然后直接从他的Template里面选Simple Contact Form。这样我们就获得一个最基础的表单,接下来我们对他进行一些细节的修改。WordPress网站添加询盘表单并设置转化追踪(图文教程)

首先我们点击右边的Name栏目,Format修改为Simple(或者你喜欢他的First Last也可以)。在点开Advanced Options,修改Field Size为Large;Placeholder写上“Name*”然后点击“Hide Label”把上面的Name*隐藏只显示里面的。到这里Name的基础样式就完成了,用同样的方法我们把Email栏也修改成同样的样式,这里就不赘述了。WordPress网站添加询盘表单并设置转化追踪(图文教程)

接下来我们修改Message部分,首先我们把Labeld的“Comment or Message”修改成“Message”,然后同样点开Advanced Options把添加上Placeholder Text然后隐藏Label。WordPress网站添加询盘表单并设置转化追踪(图文教程)

到这里我们就创建好了一个表单,这个表单是提交之后是会发送到我们的邮箱,怎么设置呢?

点击左侧的Setting > Notifications,这里可以修改收件邮箱等内容,多个邮箱可以用英文的逗号分隔。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

接下来我们来设置提交表单后的动作,

点击左侧的Setting > Confirmations,然后把Default Confirmation修改成如面的样子,注意用自己网址的URL。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

注意完成后不需要点击蓝色“Add new confirmation”按钮,直接点击右上角“Save”即可。

怎么在页面中添加这个表单呢? 我们点击save边上的大X退出编辑界面回到网站后台,这里我们可以看到刚才创建的表单“inquiry” 他的Shortcode是“[wpforms id=”338″]”。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

只需要复制这个代码到需要放置表单的位置即可,直接在文字编辑界面也会有“Add Form”选项可以直接添加。

WordPress网站添加询盘表单并设置转化追踪(图文教程)

OK,到这里WordPress网站添加询盘表单并设置转化追踪的教程就结束了,有什么问题欢迎在留言区留言,或者直接联系我也可以。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

公告: 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。赞助本站VIP会员免费提供技术服务以及远程协助。 须知:本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

Lee's Blog 网站建设 WordPress网站添加询盘表单并设置转化追踪(图文教程) https://www.vnlee.com/?p=501

相关文章

发表评论
暂无评论