Wordpress在联系表单7中发送重定向表单数据

时间:2014-08-15 02:04:47

标签: javascript jquery wordpress forms

我正在使用名为Contact Form 7的流行wordpress插件。通过添加此代码on_sent_ok: "location = 'http://example.com/';"提交到任何页面后,很容易重定向表单,但它不带有输入的表单值,因为它一个AJAX提交。

站点方向说:“最简单的方法是使用on_sent_ok JavaScript动作钩子。通过使用此挂钩,您可以指定在成功提交表单后要运行的JavaScript代码。您可以在联系表单管理页面的底部找到“附加设置”字段。“

是否有人能够帮助或解释我如何在重定向上传递表单值?

这是我从Contact Form 7获得的重定向页面

http://contactform7.com/redirecting-to-another-url-after-submissions/

3 个答案:

答案 0 :(得分:4)

只需使用此钩子:

on_sent_ok: "location = 'https://gettinmobile.com/my-account/checkout/?level=1&' + $('form.wpcf7-form').serialize();"

这会将所有表单数据作为参数追加到查询字符串中。

来自玻利维亚拉巴斯的欢呼声

答案 1 :(得分:0)

on_sent_ok正在逐步淘汰。

  

注意:不再推荐使用on_sent_ok挂钩的方法。   该功能计划于2017年底废除。

     

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

答案 2 :(得分:0)

这是在提交时重定向联系表7的新方法。放入functions.php

add_action( 'wp_footer', 'redirect_cf7' );
   function redirect_cf7() {
   ?>
      <script type="text/javascript">
         document.addEventListener( 'wpcf7mailsent', function( event ) {
         location = 'https://www.example.com/thank-you/';}, false );
      </script>
   <?php
}

注意:这会将所有联系表7提交重定向到该谢谢页面