Visual Composer 未加载 Hubspot 表单嵌入

Posted 2023-02-19

【中文标题】Visual Composer 未加载 Hubspot 表单嵌入

【英文标题】：Visual Composer not loading Hubspot form embed

【发布时间】：2017-02-12 02:14:16

【问题描述】：

我正在开发一个使用 Visual Composer 构建的 Wordpress 网站。我正在尝试嵌入一个 Hubspot 表单，这是我做过很多次但从未使用过 VC 的事情。我认为这就像在 VC 中添加“原始 html”块并添加表单嵌入脚本一样简单。

这确实加载了表单，但是它显示在屏幕的左下角，而不是设置它的右列。但是，如果页面被刷新，它会按原样显示，没有问题。这让我觉得脚本是在页面的其余部分加载后加载的。

我尝试为脚本创建一个短代码并插入 VC 部分。不工作。

您可以在此处查看问题： http://yourveininstitute.com/leg-swelling/ （表单在页面底部加载并在刷新时正确加载）

HS 嵌入代码如下所示（门户和 id 已编辑）：

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
  hbspt.forms.create( 
    css: '',
    portalId: '######',
    formId: '#################'
  );
</script>

我真的可以在这方面使用一些帮助。我在转动我的***。

【参考方案1】：

我看到一个 hubspot 表单在侧边栏中正确加载，即使在第一次加载时也是如此。您是否仍然遇到问题？如果是这样，我可能会尝试将外部脚本调用加入队列，并且只将 hbspt.forms.create 内容放入 VC 块中。

尝试将其添加到您的 functions.php 文件中：

add_action('wp_enqueue_scripts', 'add_hubspot');
function add_hubspot() 
  wp_enqueue_script('hubspot', '//js.hsforms.net/forms/v2.js');

【讨论】：

如果您导航到另一个页面并返回，您会明白我的意思。所有内部页面也具有相同的形式。我尝试了您上面的建议，不幸的是它仍在发生。

啊，好的，我看到表格现在没有出现。这很奇怪..我想知道主题中的动画页面转换是否与此有关？我可能会尝试在您的主题选项中将其关闭。我也可以尝试将 hubspot .create 调用包装在 $( document ).ready(function() /*hubspot code here*/ );

亚斯！！这确实是页面动画功能。非常感谢您对此的帮助！

哈！棒极了！很高兴这很简单。老实说，页面动画的想法是在黑暗中拍摄的，但它似乎可能会干扰 onload 的东西。感谢您接受的答案！