Contact Form 7:设置表单提交后显示带链接的发送方提示消息
How to Set Custom Success Message with Download Link in 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
相关产品推荐
相关产品推荐

