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

最初の読み込み時にも、サイドバーにハブスポットが正しく読み込まれています。それでも問題は発生していますか？もしそうなら、私は外部スクリプト呼び出しをエンキューしようとし、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'); 
}