表单提交重定向无法使用Contact Form 7 WordPress插件

时间:2014-06-03 13:03:11

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

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

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

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

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

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

请随意测试一下,我现在只接收测试电子邮件。

由于

7 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

试试这个

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

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

答案 2 :(得分:1)

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

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

heroku run rails console --app <app name>
AdminUser.create(login: 'default_login', password: 'default_password')

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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

答案 5 :(得分:0)

仍然on_sent_ok:无效,请在您的js文件中添加以下代码。

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

答案 6 :(得分:-1)

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

只需将其添加到“联系人”表单中的第一个“消息”字段中,标题为:&#34;#发件人的消息已成功发送&#34;:

您的邮件已成功发送。

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