来自Wordpress的Contact-form-7:未显示成功消息
我正在Wordpress 3.9.1中使用联系人表单7(版本3.8.1),无法显示“已成功发送”消息(或任何其他消息)。但是,邮件发送成功。我研究了这个话题,但我发现的都是3年前的帖子,所以他们使用的是旧版本,对我没有帮助。我想知道是否有任何可能使它工作,或者我有哪些选择这个免费插件。通过jQuery加载“成功发送”消息,听起来像是jQuery或Javascript与正在加载的主题和其他脚本冲突来自Wordpress的Contact-form-7:未显示成功消息,wordpress,forms,plugins,contact,Wordpress,Forms,Plugins,Contact,我正在Wordpress 3.9.1中使用联系人表单7(版本3.8.1),无法显示“已成功发送”消息(或任何其他消息)。但是,邮件发送成功。我研究了这个话题,但我发现的都是3年前的帖子,所以他们使用的是旧版本,对我没有帮助。我想知道是否有任何可能使它工作,或者我有哪些选择这个免费插件。通过jQuery加载“成功发送”消息,听起来像是jQuery或Javascript与正在加载的主题和其他脚本冲突 与Firefox一起使用,或使用或中的开发人员工具查看站点上加载的Javascript。给自己发一封
与Firefox一起使用,或使用或中的开发人员工具查看站点上加载的Javascript。给自己发一封电子邮件,看看会出现什么错误。如果在“附加设置”部分使用任何脚本,请尝试删除并重新测试。如果这些函数无效,我会遇到Javascript冲突
例如,使用on_send_ok钩子来触发事件是很常见的,但是钩子需要与您站点上的Google Analytics跟踪代码版本兼容。Mark3000已经说明了这一点。检查您是否已将表单与Google Analytics goals绑定-这意味着如果发送表单,您会将其视为GA中的转换。您可以通过在联系人表单7的“附加设置”选项卡中放置一个代码来实现这一点(Mark3000提到的“已发送”的“确定”上的钩子) 现在的问题是,你可能已经删除了wp管理员的谷歌分析代码,而不是让GA将你的访问(管理员访问)记录为你网站上的外部流量。您删除了几乎所有SEO插件中的管理员GA(一体式SEO、Yoast、Monster等)。当站点上没有GA脚本时,成功消息将不会被触发——这就是秘密 要查找它,您可以尝试在匿名/私有模式下打开表单页面,查看是否显示成功消息 多亏了wordpress.org论坛下面的帖子中的chaddosan答案,我已经解开了这个谜团
顺便说一句,联系人表单7的作者不推荐使用on_sent_ok在您博客的访问者提交联系人表单后,访问者会看到来自联系人表单7的响应消息,例如“您的消息已成功发送”或“发生验证错误”我有时会听到用户告诉我,响应消息的位置不好,事实上,有时他们的访问者完全错过了消息
默认情况下,响应消息显示在表单底部。您可以通过在表单中放置响应消息占位符[response]来更改位置。您可以将此[response]标记插入您选择的任何位置。您可以在表单中多次使用它。提交后,响应消息将显示在占位符中。与我在联系人表单7中遇到的情况相同,单击发送按钮后未显示成功消息。只需将下面的代码添加到顶部或联系人表格7的->源代码是
<h3>[response]</h3>
[回复]
您可以选择替换
标记 刚刚发生了这个问题。问题是错误地关闭了div标记,这导致没有成功或失败消息。请确保验证您的HTML。此问题实际上不是问题。如果您以管理员身份登录WordPress仪表板,则不会显示成功消息,尽管所有功能都正常工作。如果您注销WordPress站点的管理员用户,成功消息将自动开始工作。对于我,通过在autooptimize插件上禁用js优化解决了这个问题。我发现这个问题可能是由于一些管理员可能检查或可能没有检查与最新版本的联系表单7相关的一些基本设置造成的
[contact-form-7 id="9" title="Contact form 1"]
在表单的主题定制中,它将第三方表单短代码显示为不同的id=“#”。在使用联系人表单7表单中的快捷码后,该快捷码修复了我发布的表单使用错误表单id的任何问题
[response]
<label> Your name
[text* your-name] </label>
单击发布,您的站点将被修复
我承认这个问题令人沮丧,但一个简单的解决办法就是揭示这个问题的方法。一些主题或两者的默认设置导致联系人表单7中缺少响应,解决了这一问题,并且在我的主题和表单之间做了一些质量保证,解决了id实例化问题,然后使文本可见的样式是我的案例中得到完全修复的原因。我希望这对某人有帮助。以下是我认为与该问题相关的各种web应用程序和整个平台的版本:
PHP 7.4版
WordPress版本:5.7.1
迷恋主题版:1.6.106
自动优化版本2.8.3(催眠主题所需)
联络表格7
#wpcf7-f711-p302-o1 > form > div.wpcf7-response-output {
color: black!important;
}