Contact Form 7 表单提交跳转页面

Contact Form 7 表单提交后做跳转以前是在Additional Settings这个输入框,插入一下代码就可以实现提交后跳转。

on_sent_ok: "location = 'http://yourdomain.com/';"

现在已经不行了。on_sent_ok已在Contact Form 7(5.0版)中弃用。官方也给出的通知。

为什么on_sent_ok被删除了

使用on_sent_ok不安全,有漏洞引入Contact Form 7或其安装的整个站点,而且让整个网站遇到延迟的问题。所以插件作者放弃了。

但官方也给出的解决方案:

自定义DOM事件

  • wpcf7invalid - Ajax表单提交成功完成时触发,但由于存在无效输入的字段,因此尚未发送邮件。
  • wpcf7spam - 成功完成Ajax表单提交时触发,但由于检测到可能的垃圾邮件活动而未发送邮件。
  • wpcf7mailsent - 成功完成Ajax表单提交并且已发送邮件时触发。
  • wpcf7mailfailed - Ajax表单提交成功完成时触发,但发送邮件失败。
  • wpcf7submit - 成功完成Ajax表单提交时触发,无论其他事件如何。

最简单的方法是使用Contact Form 7的自定义DOM事件来运行JavaScript。以下在wpcf7mailsent事件发生时将您重定向到另一个URL的脚本示例:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://example.com/';
}, false );
</script>

将此代码段嵌入主题的模板文件中或Contact Form 7设置中。把需要将代码中的http://example.com/替换为要重定向到的URL或页面。

如果你觉得插代码太麻烦?

利用第三方插件设置

安装Redirection for Contact Form 7

然后在Contact Form 7中设置这个插件来实现提交表单请求后跳转到特定页面的功能。

WordPress技巧

Wordpress图片SEO优化批量增加Alt和Title标签

2018-7-15 19:10:58

WordPress技巧

Wordpress去掉或禁止文章页顶部显示特色图片

2018-8-27 17:57:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索