如何更改联系表单7动态重定向URL - WordPress

时间:2013-05-09 04:45:24

标签: php javascript wordpress wordpress-theming

我正在为我的一个客户建立一个网站,他们希望在他们的网站上有一个功能如下:

当人们点击下载链接时,会出现一个表单(联系表单7),在访问者提交详细信息后,它会重新定向到下载链接。

我可以在表单提交后使用以下附加设置重新定向到新页面。

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

enter image description here

但是,他们有10个文件,我需要更改重定向链接10次以触发相应文件的下载。我可以使用10个非常脏的联系表格来做到这一点。

有什么办法可以动态更改重定向网址吗?

例如,

http://example.com/?id=1
http://example.com/?id=2

<?php

$id = $_GET['id'];

$url= "http://example.com/id=?". $id; 


?>

有没有办法用$ url更改以下位置?

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

5 个答案:

答案 0 :(得分:9)

我找到了一种动态更改重定向URL的方法。我已按照以下步骤实现动态重定向:

  1. 在联系表格7的附加设置中输入以下内容:

    on_sent_ok:'redirect();'

  2. 我们需要一个隐藏的字段来携带一条必要的信息。但是,默认情况下,联系表单7不允许我们创建隐藏字段。开发商SevenSpark开发了一个扩展,允许在Contact 7中隐藏字段。 http://wordpress.org/extend/plugins/contact-form-7-dynamic-text-extension/ 请下载插件并安装。您将看到为联系表单7生成了两个新标签。这将允许您从$ _GET变量中获取值。请查看插件页面上的详细信息。

    离。 http://example.com/?foo= “栏中的”

  3. 创建模板页面或退出页面模板确定。

  4. 将模板分配到适当的页面。如果您想使用默认模板,则无需创建或指定任何模板。

  5. 在编辑器中打开模板文件。

  6. 粘贴以下代码:

    <script>    
    
        function redirect() {
    
    
    
            // your hidden field ID
               var filename = document.getElementById('redFilename').value;
    
            var url ='';
    
            //alert(document.getElementById('redFilename').value);
            if (filename == 'apple')
            {
    
    
                url= 'http://example.com/thankyou/';
    
    
            }
            else if (filename == 'orange')
            {
             url= 'http://example.com/thankyou_orange/';
            }    
    
    
     window.location = url;
    
            }
            </script>
    
  7. 现在使用GET参数浏览链接。

    离。 http://example.com/?redFilename= “苹果”

  8. 联系表单7的隐藏字段将捕获redFilename值。如果表单提交成功,它将重定向到http://example.com/thankyou_orange/页面

    享受!!!!

答案 1 :(得分:3)

add_action('wpcf7_mail_sent', 'ip_wpcf7_mail_sent');
function ip_wpcf7_mail_sent($wpcf7)
{
    $on_sent_ok = $wpcf7->additional_setting('ip_on_sent_ok', false);

    if (is_array($on_sent_ok) && count($on_sent_ok) > 0)
    {
        wp_redirect(trim($on_sent_ok[0]));
        exit;
    }
}

答案 2 :(得分:0)

on_sent_ok:从未为我工作过。

我尝试了类似这样的内容来跟踪对话。

  var sent = $('#wpcf7-f3224-o1').find('.wpcf7-mail-sent-ok');

   if ( sent.length ) {
       <?php
           $page_name = get_the_title();
           $the_name = str_replace(' ', '',  $page_name);
        ?>
       self.location="/merci/?page=<?php echo $the_name ?>";
   };

答案 3 :(得分:0)

联系表单7提交2017年更新后重定向到另一个URL

首先,您需要在新版本上更新联系表单7我在v7.4.9上尝试,然后在任何页面中放置联系表单短代码并将此JS脚本放在页面的任何位置并更改需要重定向页面的URL提交后

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

如需更多信息,请点击联系表格7官方网站https://contactform7.com/redirecting-to-another-url-after-submissions/

答案 4 :(得分:0)

我沿着Javascript路线运行,但是你无法访问提交的变量(至少我看不到你会怎样)。在这里,我将我的Javascript代码移植到PHP代码中。

您可以访问表单中的任何隐藏或显示的输入,并使用它们来构建URL。

在PHP而不是Javascript中进行重定向有一个必要的技巧,那就是你必须turn off the CF7 Javascript as per the doc。将其放入wp-config.php

define('WPCF7_LOAD_JS', false); 

然后你可以把它放在主题functions.php

add_action( 'wpcf7_mail_sent', 'icc97_so_mail_sent', 10, 3);

/**
 * Ported Javascript code to redirect the CF7 form
 *
 * Have to do it in PHP because we want access to the POSTed data
 *
 * There is a further complication that the default CF7 submission is AJAX
 * Then our WP redirect doesn't do anything
 * So we have to turn off the CF7 Javascript via wp-config.php
 *
 */
function icc97_so_mail_sent( $contact_form ) {
    $submission = WPCF7_Submission::get_instance();
    $data = $submission->get_posted_data();
    // example data:
    // {"_wpcf7":"11684","_wpcf7_version":"4.9","_wpcf7_locale":"en_GB","_wpcf7_unit_tag":"wpcf7-f11684-p11681-o1","_wpcf7_container_post":"11681","your-name":"Ian","your-organisation":"Stack Overflow","your-email":"ian@example.com","your-agreement":"1"}

    /**
     * Get an attribute value from the CF7 form
     *
     * @param  string $name attribute name
     * @return string       attribute value
     */
    $attr = function($name) use ($data) {
        $val = $data[$name];
        // Dropdown / select values are arrays could be a one element array
        return is_array($val) ? $val[0] : $val;
    };

    /**
     * Create URL for downloads page
     *
     * @param  string $domain e.g. https://example.com, can be blank for relative
     * @param  array  $names  attributes
     * @return string         URL e.g. https://example.com/downloads/x/x/x/?data=xxx
     */
    $buildUrl = function ($domain, $names) use ($attr) {
        $stub = [$domain, 'downloads'];
        // we want lower case, attributes
        $path = array_map('strtolower', array_map($attr, $names));

        // create an array of the full URL and then join with '/'
        return join('/', array_merge($stub, $path));
    };

    $domain = '';
    // this requires AJAX to be turned off - see function doc block
    \wp_redirect($buildUrl($domain, ['your-name', 'your-organisation']));
    // exit otherwise CF7 forces it's own redirect back to the original page
    exit;
}