admin管理员组文章数量:1530018
Contact Form 7 表单提交后做跳转以前是在Additional Settings这个输入框,插入一下代码就可以实现提交后跳转。
on_sent_ok: "location = 'http://yourdomain/';"
现在已经不行了。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/';}, false );</script>
将此代码段嵌入主题的模板文件中或Contact Form 7设置中。把需要将代码中的http://example/替换为要重定向到的URL或页面。
如果你觉得插代码太麻烦?
利用第三方插件设置
安装Redirection for Contact Form 7
然后在Contact Form 7中设置这个插件来实现提交表单请求后跳转到特定页面的功能。
版权声明:本文标题:Contact Form 7 表单提交跳转页面 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1726639962a1079533.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论