Visual Composer 未加载 Hubspot 表单嵌入

Question

我正在开发一个使用 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>

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

Answer 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');
}