美文网首页
Contact Form 7 最新版本如何实现提交表单后跳转到指

Contact Form 7 最新版本如何实现提交表单后跳转到指

作者: SearchPanda | 来源:发表于2019-01-17 13:41 被阅读0次

    最近有朋友问我WordPress的表单插件 Contact Form 7 怎么实现提交表单后跳转到指定页面。

    经过查找资料我发现之前使用在插件中附加设置中添加 on_send_ok 的方法已经停用了。

    Note: The method using on_sent_ok hook is no longer recommended. This function is scheduled to be abolished by the end of 2017.

    现在 Contact Form 7 采用 custom DOM event 的方式运行 JavaScript。表单提交后跳转到指定url的脚本如下:

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

    将这段代码添加到 WordPress 主题的<span id="inline-purple">template</span>文件中。注意,将http://example.com/替换为你想指定跳转的url。

    英语好的可以直接点击下方链接查看官方说明。
    Redirecting to Another URL After Submissions

    相关文章

      网友评论

          本文标题:Contact Form 7 最新版本如何实现提交表单后跳转到指

          本文链接:https://www.haomeiwen.com/subject/kicidqtx.html