联络表格7-提交表格后,重新寄送延迟时间

时间:2018-09-19 12:00:53

标签: javascript wordpress contact-form-7 dom-events

我希望能够在成功提交表单后为重新设置设置延迟。

我正在使用此代码

<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/

谢谢 汤姆

2 个答案:

答案 0 :(得分:2)

您可以尝试以下方法,看看是否适合您?

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

}, false );

答案 1 :(得分:0)

尝试使用此代码,

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

希望,可以!