Hi I'm following hubspot's documentation on how to embed a form on an external site

According to documentation, one needs to include the javascript

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms/forms/v2.js"></script>
<script>

and to create the form

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

And that's as far as the documentation goes. I do this and nothing is happening. Seems that at least I would need to tell hubspot where to put the form, right?... very strange.

Can anyone enlighten me on this one? What am I missing?

Hi I'm following hubspot's documentation on how to embed a form on an external site

According to documentation, one needs to include the javascript

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms/forms/v2.js"></script>
<script>

and to create the form

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

And that's as far as the documentation goes. I do this and nothing is happening. Seems that at least I would need to tell hubspot where to put the form, right?... very strange.

Can anyone enlighten me on this one? What am I missing?

• javascript
• hubspot

Share Improve this question Follow edited Mar 7, 2016 at 2:49 Martin Massera asked Mar 5, 2016 at 4:30 Martin MasseraMartin Massera 1,91211 gold badge2525 silver badges5151 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Ok, answering my own question!

What's needed is the target option to tell hubspot where to put the form:

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

My solution for the similar task was create hubspot form on DOM ready.

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