联系表格 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

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

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

}, false );

Answer 2

尝试使用此代码，

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

希望，成功了！