联系表格 7 - 在提交表格后添加重定向延迟

Question

我希望能够为成功提交表单后设置的重定向添加延迟。

我正在使用此代码

<script>
document.addEventListener( 'wpcf7mailsent', setTimeout(function( event ) {
    location = 'https://london.tombyrom.co.uk/wp-content/uploads/2018/09/diploma.pdf';
}, false ), 3000);
</script>

但是当您点击放置表单的主页时，它会立即将您重定向到 PDF。我不明白为什么它会在页面加载时重定向？而不仅仅是 wpcf7mailsent 事件发生时？

网站：https://london.tombyrom.co.uk

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

谢谢汤姆

Answer 1

尝试使用此代码，

您可以将代码放在 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
}

希望，成功了！

Answer 2

您能否尝试以下方法，看看是否适合您？

// Onsend contact form 7
document.addEventListener( 'wpcf7mailsent', function( event ) { 
    setTimeout(function(){
        location = 'https://www.example.com/thank-you/';
    }, 2500);

}, false );

联系表格 7 - 在提交表格后添加重定向延迟

Contact form 7 - Add delay to re-direction after form submit

javascript

wordpress

contact-form-7

dom-events