如何在外部站点中嵌入hubspot表单

时间:2016-03-05 04:30:41

标签: javascript hubspot

您好我关注如何在外部网站上嵌入表单的hubspot文档

根据文档,需要包含javascript

OAuthBearerAuthenticationHandler

并创建表单

<!--[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>

就文档而言。我这样做,什么也没发生。似乎至少我需要告诉hubspot where 放置表单,对吧?......非常奇怪。

任何人都可以在这个上启发我吗?我错过了什么?

2 个答案:

答案 0 :(得分:2)

好的,回答我自己的问题!

需要target选项告诉hubspot将表单放在何处:

<script>
hbspt.forms.create({ 
    portalId: '2089699',
    formId: '287337b2-e8a6-4eaa-b293-bbd3d3622d8a',
    target: '#my_form',
});
</script>

答案 1 :(得分:0)

我对类似任务的解决方案是创建hubspot 表单在DOM就绪

<script>
document.addEventListener("DOMContentLoaded", function() {
  hbspt.forms.create({
    css: '',
    target: '#target',
    portalId: 'portal_id',
    formId: 'form_id'
  });
});
</script>