【问题标题】:Form submit redirect not working using Contact Form 7 WordPress plugin表单提交重定向无法使用 Contact Form 7 WordPress 插件
【发布时间】:2014-07-23 20:02:02
【问题描述】:

我在我的 Wordpress 网站上使用了 Contact Form 7 插件,我发现了一种方法可以将表单从 this page 上的文档重定向到另一个 URL。

我尝试将以下代码添加到表单的附加设置字段中:

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

我通过“请求报价”按钮在页面顶部的my website 上对此进行了测试并提交。不幸的是,没有强制重定向。

为什么这个功能不起作用?我在灯箱中使用表单(这可能是原因),但是当您提交表单时我需要重定向到主页,因为它是一个“单页”网站。

请大家自行测试,反正我现在只收到测试邮件。

谢谢

【问题讨论】:

    标签: javascript jquery wordpress forms contact-form-7


    【解决方案1】:
    <script> window.location.href = 'http://www.example.com';</script>
    

    【讨论】:

      【解决方案2】:

      试试这个

      on_sent_ok: setTimeout(function(){window.location.href = 'URL_TO';}, 1000);

      这个对我来说很好用……加上延迟时间……1000 = 1 秒

      【讨论】:

      • 也为我工作,但延迟时间 1 秒太长了,因为我观察到一旦提交表单,人们要么关闭页面,要么在将他们带到下一页之前移动到其他选项卡。所以我的意见是减少200ms的延迟
      【解决方案3】:

      on_sent_ok 在最新版本中已被替换为基于事件的重定向。

      参考:https://contactform7.com/redirecting-to-another-url-after-submissions/

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

      http://example.com 更改为您要重定向到的 URL。

      【讨论】:

        【解决方案4】:

        尝试添加联系表格 7 - 成功页面重定向插件。使用非常简单,效果很好。

        【讨论】:

        • 使用此插件验证码从页面中消失。页面因此显示错误。
        【解决方案5】:
        on_sent_ok: "location.replace('/thank-you');"
        

        【讨论】:

          【解决方案6】:

          仍然on_sent_ok: 不起作用,请在您的 js 文件中添加以下代码。

           if ($('.wpcf7-form.sent').length) {
                $(location).attr('href', 'http://www.example.com')
              }
          

          【讨论】:

            【解决方案7】:

            好吧,我有一个非常简单的解决方案:

            只需将其添加到联系人表单中的第一个消息字段,标题为:“# Sender's message was sent successfully”:

            您的消息已成功发送。

            <script>window.location.href = 'http://www.example.com';</script>
            

            【讨论】:

            • @Tim 试试这个之前的代码有一些错误
            • 我为旧版本的 Wordpress CF 插件编写了这段代码,不确定它是否适用于当前版本。
            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2011-03-13
            • 1970-01-01
            • 1970-01-01
            • 2016-11-24
            • 2012-10-08
            • 1970-01-01
            • 2019-02-18
            相关资源
            最近更新 更多