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

how to embed a hubspot form in an external site

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

根据文档,需要包含 javascript

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

并创建表单

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

文档就这些。我这样做了,但什么也没发生。似乎至少我需要告诉 hubspot 在哪里 放置表格,对吧?...很奇怪。

有谁能教教我这个吗?我错过了什么?

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

需要的是 target 选项来告诉 hubspot 在哪里放置表单:

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

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

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