wordpress - 发送成功后如何隐藏联系表并显示 "sent!"

Question

我在 WordPress 模板中使用 Contact Form 7 插件。我创建了表单和相关的 CSS，所以一切正常。当我单击发送按钮并成功发送电子邮件时，我需要执行以下操作。表单应该消失并显示“已发送!”而不是那个。我需要知道我需要更改的代码。请看我喜欢做什么的照片

Answer 1

“on_sent_ok:”和“on_submit”已从联系表 7 5.0 中删除，因此需要使用 2 个可用选项之一。

wpcf7submit

wpcf7mailsent

要隐藏表单，需要在 js 文件中添加事件监听器，或者可以使用提到的脚本在页脚中添加为操作:

add_action( 'wp_footer', 'contact_form_sent' );

function contact_form_sent() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'FORM_ID' == event.detail.contactFormId ) { //Use this only when targeting specific form.
         document.getElementById('DIV_ID_OF_FORM').style.display = 'none';
    } //Use this only when targeting specific form.
}, false );
</script>
<?php
}