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>

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

看完了文章,你要不要分享一下:

小朱博客

View posts by 小朱博客
小朱个人博客,生活网络分享,外贸建站,谷歌seo操作分享,B2B优化排名操作分享,资源分享,软件分享,生活分享。https://www.zhudc.com/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Scroll to top