Visual Composer 不加载 Hubspot 表单嵌入

Question

我正在开发一个使用 Visual Composer 构建的 Wordpress 网站。我正在尝试嵌入一个 Hubspot 表单，这是我做过很多次但从未使用过的东西 VC。我认为这就像在 VC 中添加一个 "raw 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');
}

Visual Composer 不加载 Hubspot 表单嵌入

Visual Composer not loading Hubspot form embed

html

javascript

wordpress

hubspot