• 欢迎访问小朱博客,博主主要从事阿里巴巴国际站运营,WordPress建站,电子商务。如果你也是从事阿里巴巴国际站运营工作,欢迎加入阿里巴巴国际站SEO QQ群
  • 本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。
  • 主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。
  • 好记性不如烂笔头。
  • 如果您觉得本站非常有看点,那么赶紧使用 Ctrl+D 收藏 小朱博客 吧!

Contact Form 7 表单提交跳转页面

WordPress技巧 小朱博客 9个月前 (08-11) 173次浏览 0个评论

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或其安装的整个站点,而且让整个网站遇到延迟的问题。所以插件作者放弃了。

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。


欢迎浏览小朱博客 , 由小朱发表的:Contact Form 7 表单提交跳转页面
转载请注明原文链接:https://www.zhudc.com/wordpress/1109
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址