对于WordPress企业建站而言,一款可靠的联系表单插件是必不可少的。现在使用最多的是 Contact Form 7 这款插件,但是它本身似乎缺少了一个很重要的特性:表单提交成功之后,跳转到一个 Thank You 页面。这样做的好处在于更直观的表现表单提交成功状态,更重要的是你可以在 Thank You 页面中进行二次营销。
下面就针对这个需求,我们在 Contact Form 7 插件的基础上,分享两种解决方案:
第一种方案比较容易操作,如果你网站的主机空间配置没有什么问题的话,可以在创建或编辑表单的时候,把下面的代码添加到最下面的”Additional Settings”,中文版 Contact Form 7 中的名称是”额外的设置”:
把代码中的网址替换成你自己的 Thank You 页面URL地址即可。
on_sent_ok: “location = ‘https://ximicc.com/thank-you/’;”
如果上述方案在你的网站中不起作用,可以试试第二种方案,经测试其兼容性比第一种方案要好点,但是操作上也稍微复杂一些,请在实际操作前做好相关原始代码的备份。
#1:首先创建 Thank You 页面并获取它的链接地址,比如 https://ximicc.com/thank-you ;
#2:找到网站目录中的 /wp-content/plugins/contact-form-7/script.js 并编辑它;
#3: 在 scripts.js 文件代码中搜索以下代码:
if (1 == data.mailSent)
然后在这行代码的后续脚本中添加代码:
location.href=”https://ximicc.com/thank-you/”;
所以最终的代码看起来应该是这样的:
if (1 == data.mailSent) {
$(data.into).find(‘form’).resetForm().clearForm();
location.href=”https://ximicc.com/thank-you/”;
ro.addClass(‘wpcf7-mail-sent-ok’);
鉴于 Contact Form 7 插件版本的不同,代码也可能是下面这样:
if (1 == data.mailSent) {
jQuery(data.into).find(‘form’).resetForm().clearForm();
location.href=”https://ximicc.com/thank-you/”;
wpcf7ResponseOutput.addClass(‘wpcf7-mail-sent-ok’);
最后再提醒一次,记得把代码中的链接地址替换成你自己的 Thank You 页面URL链接地址。