Form not showing up on website

[ErwinDeMoel]

I created a Form and copied the Javascript code on our website. It should show up on the right of the image, but nothing happens.

What am I doing wrong? 

[ErwinDeMoel · Accepted solution]

I found this article which fixed my issue:

https://community.hubspot.com/t5/APIs-Integrations/Forms-and-Angular/m-p/231224

[danmoyle]

@ErwinDeMoel couple of questions. Is the HubSpot code embedded on your site? What CMS are you using (WordPress? Wix? Joomla?)? Does your website have code that limits what you can embed like limitting an iframe? What's the module you embedded it in look like - is it source code/HTML?

One thing you might do is set the HubSpot form to Raw HTML to ensure your site's CSS is used. Hope that helps! 

[ErwinDeMoel]

Hi Dan,

We have an Angular 14 website that we develop ourselves.

There are no limits when it comes to iframe or something.

We can't use the "Raw HTML" option because we use the Free version of Hubspot.

I'm assuming the other version should work on a simple Angular webpage right?

This is the HTML code of the tag that I put in the contact.component.html:

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>

                <script>

                    hbspt.forms.create({

                        region: "na1",

                        portalId: "6740157",

                        formId: "9974b19e-71a8-46bf-830a-ce93bc6d39be"

                    });

                </script>