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