表单提交重定向不工作使用联系人表单7 WordPress插件

Form submit redirect not working using Contact Form 7 WordPress plugin

本文关键字：表单 WordPress 插件 联系人 重定向 工作 表单提交      更新时间：2023-09-26

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

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

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

我在我的网站上通过"请求报价"按钮在页面顶部测试了这一点并提交。遗憾的是，没有强制重定向。

为什么这个功能不工作?我正在使用lightbox内的表单(这可能是原因)，但是当您提交表单时，我需要重定向到主页，因为它是一个"单页"网站。

请自行测试，我目前只收到测试邮件。

谢谢

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

试试这个

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

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

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。

尝试添加Contact Form 7 - Success Page Redirects插件。非常简单易用，效果非常好。

on_sent_ok: "location.replace('/thank-you');"

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

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

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

只需将这个添加到Contact表单中的第一个Messages字段，标题为:"# Sender's message was sent successfully":

您的消息已成功发送。

<script>window.location.href = 'http://www.example.com';</script>
相关文章：