【问题标题】:Redirect to URL, specified by form value, on submit of Contact Form 7在提交联系表 7 时重定向到由表单值指定的 URL
【发布时间】:2017-12-03 11:04:25
【问题描述】:

我使用Contact Form 7 plugin 为 WordPress 创建了一个表单。

我的表单如下所示:

<label> Your Name (required)
[text* your-name] </label>

<label> Your Email  (required)
[email* email]</label>

<label> Payment Method
[radio payment default:1 "Paypal" "Check"] </label>

[submit "Send"]

如果有人正在填写表格并选择付款方式“PayPal”并单击“发送”按钮,我想将他重定向到 PayPal 网站(只是一个 PayPal URL)。

如果有人选择付款方式“支票”并点击提交表单,它会将他重定向到“谢谢”页面。

在使用 Contact Form 7 插件时,如何实现这一点?

【问题讨论】:

标签: javascript php wordpress contact-form-7


【解决方案1】:

您可以添加一个钩子,该钩子在提交表单但在发送邮件之前触发。 This question on WP:SE 对此有几个答案。

当您参与流程后,您将可以访问提交表单的内容,从而访问所选的付款方式。

您可以检查所选值并根据该值进行重定向。 wp_redirect 可以在这里派上用场。

【讨论】:

  • 没有。 Stack Overflow 不是做别人的工作,而是帮助理解如何为自己做。
  • 我试过这段代码,但没有得到解决方案。
  • 是的,该代码不能那样工作。而且你不努力学习,所以我在这里。
【解决方案2】:

联系表格 7 基于单选按钮值重定向。

<script>
jQuery(document).ready(function($){
    $(".wpcf7").on( 'mailsent.wpcf7', function(){
        var redirect_to = $(this).find('#paypal-method').val();  // Enter your radio button id
        if( typeof(redirect_to)!=='undefined' && redirect_to!='' ){
            if( redirect_to == 'Paypal' ){
                window.location.href= "https://www.paypal.com/";
            }elseif( redirect_to == 'Check' ){
                window.location.href= "https://www.example.com/";
            }

        }
    });
});
</script>

你能试试上面的代码吗?

【讨论】:

  • 感谢您的建议,但如果填写并选择单选按钮作为“检查”,我想通过邮件获取数据。用上面的代码可以吗?
  • @abu 你没有在你的问题中提到。
  • 我的意思是在第一种情况下,表单将重定向到 PayPal(这次数据不是通过邮件发送),在第二种情况下,表单会将数据发送到所需的电子邮件地址,并重定向到一些页面像“谢谢”一样思考。
  • 对不起@purvik7373,我忘了提。第一种情况仅重定向,第二种情况重定向以及邮件发送。
  • 我已经在主题文件夹内的footer.php 文件中测试了上述代码。但是如果选择 Paypal 选项并单击提交按钮将显示邮件成功消息并收到邮件。它不会重定向到 paypal 网站。
【解决方案3】:

将以下代码添加到附加设置,但根据您的要求更改 id 和 value:

on_sent_ok: " if (document.getElementById('car').value=='yes') {location.replace('http://www.redirectedpage1.com')} else { location.replace('http://www.redirectedpage2.com/') } "

【讨论】:

    猜你喜欢
    • 2015-05-05
    • 2017-09-28
    • 2015-09-18
    • 1970-01-01
    • 2014-08-22
    • 2019-10-11
    • 2014-04-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多