如何修改代码让CF7仅针对特定表单跳转至感谢页

当然可以实现！你只需要利用CF7自带的表单事件，针对目标表单的唯一标识（ID或自定义类）做判断，就能精准触发跳转逻辑。下面是修改后的代码方案，两种方式任选其一：

方法1：通过表单ID精准匹配 #

每个CF7表单都有一个唯一ID（可以在WP后台编辑表单时看到，比如表单标题下方的"Contact form ID: 123"），我们直接判断这个ID即可：

add_action('wp_footer', 'cf7_specific_form_redirect');
function cf7_specific_form_redirect() {
    ?>
    <script type="text/javascript">
    // 监听CF7表单提交完成事件
    document.addEventListener( 'wpcf7submit', function( event ) {
        // 替换成你目标表单的ID
        const targetFormId = '123';
        // 确保表单提交成功，且是目标表单
        if ( event.detail.contactFormId === targetFormId && event.detail.status === 'mail_sent' ) {
            // 替换成你的感谢页URL
            window.location.href = 'https://your-site.com/thank-you-page/';
        }
    }, false );
    </script>
    <?php
}

方法2：通过自定义类灵活匹配 #

如果不想记表单ID，你可以给目标表单添加一个自定义类（在CF7表单编辑页面的"附加设置"里加class: redirect-after-submit），然后通过类名判断：

add_action('wp_footer', 'cf7_specific_form_redirect');
function cf7_specific_form_redirect() {
    ?>
    <script type="text/javascript">
    document.addEventListener( 'wpcf7submit', function( event ) {
        // 获取当前提交的表单元素
        const formElement = event.target.querySelector('.wpcf7-form');
        // 检查表单是否包含自定义类
        if ( formElement.classList.contains('redirect-after-submit') && event.detail.status === 'mail_sent' ) {
            window.location.href = 'https://your-site.com/thank-you-page/';
        }
    }, false );
    </script>
    <?php
}

关键说明： #

• 我们用wpcf7submit事件而非普通的submit事件，因为CF7默认是AJAX提交，这个事件会在表单验证通过、邮件发送完成后触发。
• 加入event.detail.status === 'mail_sent'判断，确保只有表单提交成功时才跳转，避免验证失败时也跳走的问题。
• 记得把代码里的表单ID/自定义类、感谢页URL替换成你自己的内容。

内容的提问来源于stack exchange，提问作者eMikkelsen