Question

我正在使用Wordpress 3.9.1的联系表格7（版本3.8.1），而我无法成功发送＆＃34;＆＃34;成功发送＆＃34;消息出现（或任何其他消息）。然而，消息发送成功。我研究了这个主题，但我找到的所有内容都是3年前的帖子，所以他们使用的是旧版本，但它并没有帮助我。我想知道是否有可能使它工作，或者我有这个免费插件的替代品。

Answer 1

同样的事情发生在我的联系表格7上，点击发送按钮后没有显示成功消息。只需在顶部或联系表单7中添加以下代码 - >＆gt;来自代码是

<h3>[response]</h3>

您可以选择替换<h3>标记！

Answer 2

如果您正在使用＆＃34;其他设置＆＃34;中的任何脚本部分，尝试删除和重新测试。如果这些函数无效，我遇到了Javascript冲突。

例如，通常使用on_sent_ok挂钩来触发事件，但挂钩需要与您网站上的Google Analytics跟踪代码版本兼容。

Answer 3

＆＃34;成功发送＆＃34;消息是通过jQuery加载的，听起来有一个jQuery或Javascript与主题和其他正在加载的脚本冲突。

在Firefox中使用Firebug，或使用Chrome或Safari或IE中的开发者工具查看您网站上正在加载的Javascript。给自己发一封电子邮件，看看你得到了什么错误。

Answer 4

Mark3000已经阐明了它。检查您是否已将表单与Google Analytics目标联系起来 - 这意味着如果表单已发送，您会将其视为GA中的转化。您可以通过将代码放在Contact Form 7的附加设置选项卡中（Mark3000提到的hook on_sent_ok）来实现。

现在的问题是，您可能会为wp管理员删除Google Analytics代码，而不是让GA将您的访问次数（管理员访问次数）记录为您网站上的外部流量。您在几乎所有SEO插件（All In One SEO，Yoast，Monster等）中删除了管理员的GA。当网站上没有GA脚本时，就不会触发成功消息 - 这就是秘密。

要查找，您可以尝试以隐身/私密模式打开包含表单的页面，看看是否显示成功消息。

我已经解决了这个谜题，感谢chaddosan在wordpress.org论坛中的以下主题回答https://wordpress.org/support/topic/contact-form-7-not-displaying-sent-message/

PS。顺便说一下，Contact Form 7作者已经弃用了on_sent_ok https://contactform7.com/2017/06/07/on-sent-ok-is-deprecated/

Answer 5

只是有这个问题。问题是不正确地关闭了div标签，导致没有成功或失败消息。请确保验证您的HTML。

Answer 6

对我来说，它是通过在自动优化插件中禁用 js 优化来解决的。

Answer 7

在您的博客的访问者提交联系表单后，访问者会看到来自联系表单7的响应消息，例如“您的消息已成功发送”或“发生了验证错误。”我有时会听到告诉我的用户的消息响应消息的位置不好，事实上，有时候他们的访问者完全错过了这条消息。

默认情况下，响应消息显示在表单的底部。您可以通过在表单中放置响应消息占位符[响应]来更改位置。您可以将此 [响应] 标记插入您选择的任何位置。您可以在表单中多次使用它。提交后，响应消息将显示在占位符中。

Answer 8

这个问题实际上不是问题。如果您以管理员身份登录到 WordPress 仪表板，则不会显示成功消息，但所有功能都有效。如果您注销该 WordPress 站点的管理员用户，成功消息将自动开始工作。

Answer 9

我发现该问题可能归因于某些管理员可能检查过或未检查过的与最新版本的联系表格 7 相关的一些基本设置。

需要检查的一件事是，可以检查短代码的 id= 属性，以验证带有表单的页面是否使用了您打算在联系表单 7 中使用的正确联系表单。在我的情况下，它已打开我的首页有一个很好的主题叫做 Mesmerize。如果您导入“个人”站点导入，您会看到一个弹出窗口，提示您应该安装 Contact Form 7 并在您希望导入页面的所有功能（即页面底部的联系表单）工作时启用它。

因此，我发现的第一件事是名为“Personal”的主题导入没有为 Contact Form 7 插件中的默认联系表单使用正确的短代码，我发现唯一的区别是 id= 实例化。在 Contact Form 7 表单的设置中，它暗指使用这个短代码：

[contact-form-7 id="9" title="Contact form 1"]

并且在表单的主题自定义中，它将第三方表单简码显示为不同的 id="#"。使用 Contact Form 7 表单中的简码解决了我发布的表单使用不正确表单 ID 的任何问题。

然后，我使用前面提到的将此标记添加到表单代码顶部的修复方法，添加了响应或“成功”通知的标记，以显示在同一表单框中：

[回复]

因此，添加它后，靠近顶部的表单代码如下所示：

[response]

<label> Your name
    [text* your-name] </label>

这允许在提交具有绿色轮廓的表单后出现一个框，但看不到任何文字，但是在 Chrome 中检查后，我发现文字在那里，但字体颜色为白色。在我的白色背景下，它们是隐形的。用鼠标突出显示框的内部，发现现在的问题只是改变响应文本的颜色，这是通过编辑主题的“附加 CSS”部分来实现的。

在屏幕左侧的 WP 管理仪表板菜单中，将鼠标悬停在外观菜单（左侧）上。

点击自定义。在左侧向下滚动到标题为“常规设置”的自定义菜单，然后单击它。

现在点击附加 CSS。

在为附加 CSS 代码提供的窗口中输入此代码：

#wpcf7-f711-p302-o1 > form > div.wpcf7-response-output {
color: black!important;
}

点击发布，您的网站即已修复。

我承认这个问题令人沮丧，但一个简单的解决方法就是揭示了这个问题。两者的一些主题或默认设置导致联系表单 7 中缺少响应，修复了这个问题，并在我的主题和我的表单之间做一些质量保证修复了 id 实例化问题，然后使文本可见的样式是什么在我的情况下的完整修复。我希望这可以帮助别人。以下是我认为与问题相关的各种网络应用和整个平台的版本：

PHP 7.4 版 WordPress 版本：5.7.1 催眠主题版本：1.6.106 自动优化版本 2.8.3（Mesmerize Theme 需要）联系表格 7 版本 5.4 Mesmerize Companion 版本 (1.6.122)（Mesmerize Theme 需要） WPForms 精简版 1.6.6

干杯！

来自Wordpress的Contact-form-7：未显示成功消息

9 个答案: