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

Question

嗨，我正在关注 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把表格放在哪里，对吧？......很奇怪。

有人能告诉我这个吗？我错过了什么？

Answer 1

好的，回答我自己的问题！

需要的是target告诉 hubspot 将表单放在哪里的选项：

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

Answer 2

我对类似任务的解决方案是在 DOM ready 上创建 hubspot表单。

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