Visual Composer не загружается Hubspot form embed

Question

Я работаю над сайтом Wordpress, который был создан с использованием Visual Composer. Я пытаюсь внедрить форму Hubspot, которую я делал много раз, но никогда не использовал VC. Я решил, что это будет так же просто, как добавить блок «raw html» в VC и добавить скрипт для вставки формы.

Это действительно загружает форму, однако она отображается в левом нижнем углу экрана вместо правого столбца, где она была установлена. Однако, если страница обновлена, она отображается как следует, никаких проблем. Это заставляет меня думать, что скрипт загружен после загрузки остальной части страницы.

Я попытался создать короткий код для скрипта и вставить в раздел VC. Не работает.

Вы можете увидеть этот вопрос здесь: http://yourveininstitute.com/leg-swelling/ (форма нагрузок в нижней части страницы и загружает правильно на обновления)

Код HS код вставки выглядит следующим образом (портал и идентификатор отредактированный):

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