2017-04-30 38 views
0

我正在使用聯繫表單7,我試圖在成功聯繫表單提交後重定向到另一個頁面。提交後聯繫表單7重定向

我試過使用聯繫表格7 - 成功頁面重定向(https://nl-be.wordpress.org/plugins/contact-form-7-success-page-redirects/),但插件與主題不兼容,並給出了一些錯誤。

是否有另一種方式重定向,而不使用該插件? 我也發現這個https://contactform7.com/redirecting-to-another-url-after-submissions/,但我無法實現它。重定向也僅適用於網站上的一個聯繫表單,而不是全部。

謝謝!

J.

回答

1

我試圖做同樣的事情,但沒有成功。 on_sent_ok即將不再推薦。在頁面末尾檢查此頁面DOM EVENTS,您可以找到特定表單的代碼。

1

我見過相同的答案很多答案。當你有10個表單和10個不同的感謝頁面時,主要的問題就來了,這個解決方案將不起作用。

我對此有一個解決方法。

步驟1:在表單中創建一個隱藏字段,並在其中添加謝謝頁面URL。

[hidden thankyouURL id:thankyouURL default:http://example.com/thank-you/ "http://example.com/thank-you/"] 

步驟2:在DOM事件中,從字段中獲取感謝網址並重定向用戶。

<script> 
document.addEventListener('wpcf7mailsent', function(event) { 
    var thankyouURL = document.getElementById("thankyouURL").value; 
    location = thankyouURL; 
}, false); 
</script> 

就是這樣。

0

添加以下代碼的functions.php(位於主題 - >文件夾THEMENAME)

add_action('wp_footer', 'mycustom_wp_footer'); 

function mycustom_wp_footer() { 
?> 
<script type="text/javascript"> 
document.addEventListener('wpcf7mailsent', function(e) { 
    var str = window.location.href; 
    if(str.includes("flp")){ 
     window.location.href = "http://www.YourWebsite.com/facebook-thank-you"; 
    } else if(str.includes("glp")){ 
     window.location.href = "http://www.YourWebsite.com/google-thank-you"; 
    } 
}, false); 
</script> 
<?php 
}