You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Contact Form 7:设置表单提交后显示带链接的发送方提示消息

嘿,我来帮你搞定这个需求!其实设置指定的提交成功提示消息很简单,分两种方式,你可以根据自己的情况选:

方法1:直接在CF7后台设置(最简单)

这是最直接的方式,完全不需要写代码:

  • 登录你的WordPress后台,找到Contact > Contact Forms,打开你要修改的表单编辑器。
  • 切换到Messages标签页,找到「Sent successfully」(提交成功后的提示项)。
  • 把默认的提示内容删掉,替换成:
    Thank You <a href="your-download-link">Click Here</a> to download book
    记得把your-download-link换成你实际的书籍下载链接哦。
  • 点击「保存」,然后测试提交表单,就能看到自定义的提示消息了!

方法2:用代码实现(适合动态链接或复杂需求)

如果你的下载链接是动态生成的,或者需要只给特定表单设置这个提示,可以用CF7的钩子函数来实现:
打开你当前主题的functions.php文件(或者用自定义插件),添加以下代码:

add_filter( 'wpcf7_form_response_output', 'custom_cf7_success_with_download', 10, 4 );
function custom_cf7_success_with_download( $output, $class, $content, $form ) {
    // 替换123为你的表单ID,这样只会作用于指定表单
    if ( $form->id() === 123 ) {
        $download_url = 'your-dynamic-download-link'; // 这里可以换成动态获取的链接,比如自定义字段值
        $custom_message = sprintf(
            'Thank You <a href="%s">Click Here</a> to download book',
            esc_url( $download_url )
        );
        // 保持CF7默认的样式类,确保提示消息样式和主题一致
        $output = '<div class="wpcf7-response-output wpcf7-mail-sent-ok">' . $custom_message . '</div>';
    }
    return $output;
}

保存代码后,对应的表单提交成功就会显示你要的提示消息啦。

内容的提问来源于stack exchange,提问作者Satyam Sagar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 03:49:57