使用Contact Form 7插件创建表单后预览页面不显示表单

我帮你梳理下Contact Form 7表单在页面预览中不显示的常见原因和排查步骤，按顺序试试：

1. 确认短码嵌入是否正确 #

• 首先检查你粘贴到联系页面的是不是CF7生成的完整短码，比如应该是类似这样的格式：[contact-form-7 id="123" title="我的联系表单"]，不要漏掉括号或者id/title参数。
• 确保是在页面编辑器的文本模式（而非可视化编辑器）下粘贴短码，可视化模式有时会自动添加多余的HTML标签，导致短码无法被解析。
• 检查页面中有没有误将短码放在代码块或者引用块里，这样会被当作普通文本显示，不会解析成表单。

2. 排查插件冲突 #

• 暂时禁用网站上除了Contact Form 7之外的所有插件，然后刷新预览页面，看看表单是否显示。
• 如果表单正常显示了，再逐个重新启用其他插件，每启用一个就刷新页面检查，找到导致冲突的那个插件，之后可以查看该插件的文档或者联系开发者解决兼容性问题。

3. 清理各类缓存 #

• 清理网站的缓存插件（比如WP Rocket、W3 Total Cache等）的缓存，确保页面内容是最新的。
• 清理服务器端的缓存（如果你的主机提供了缓存功能，比如SiteGround的SG CachePress）。
• 最后清理浏览器缓存（快捷键Ctrl+Shift+R强制刷新页面），避免浏览器加载旧的页面版本。

4. 检查主题兼容性 #

• 切换到WordPress默认主题（比如Twenty Twenty-Four），然后预览联系页面。如果表单能正常显示，说明当前主题存在兼容性问题：
  • 可以检查主题的functions.php文件，看看有没有过滤短码的代码，比如remove_shortcode('contact-form-7')这类会禁用CF7短码的操作。
  • 查看主题的CSS样式表，搜索是否有针对.wpcf7类的display: none或者visibility: hidden规则，这类样式会把表单隐藏起来。

5. 修复Contact Form 7本身的问题 #

• 检查Contact Form 7是否为最新版本，在插件列表里点击“更新”按钮升级到最新版，新版本通常会修复已知的兼容性和解析问题。
• 如果升级后还是不行，可以先禁用Contact Form 7，然后删除插件，再重新安装一次，避免插件文件损坏导致的异常。

6. 检查短码解析限制 #

• 有些安全插件或者主题会限制短码的使用权限，检查相关设置，确保允许Contact Form 7的短码被正常解析。
• 查看网站的错误日志（可以在主机控制面板或者WordPress后台的工具里找到），如果有短码解析相关的报错，能帮你更快定位问题。

如果以上步骤都试过还是无法解决，可以查看页面的源代码，看看CF7的短码是被原样输出了（说明短码没被解析），还是表单元素存在但被隐藏了，这样能进一步缩小排查范围。

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