Hubspot scripts file not found error

SOLVE
Occasional Contributor

Hi

Im trying to embed a hubspot form on a html file but it doesn't show up. A quick inspect showed the following errors:

Screenshot 2018-11-14 at 12.19.05 PM.png

I dont get why this happens.

Any help would be appreciated.

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Regular Contributor

try to use this instead 

//contact form
<div id="contact_us">
<div id="contact_form">
//hubspot form has to be displayed here
</div>
</div>
 
<!-- Hubspot Form -->
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/v2.js"></script>
<![endif]-->

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

hbspt.forms.create({ portalId: "573334", formId: "3b984c12-b049-46b7-8d1a-66376f2c379b", target: "#contact_form" }); </script>

 

 

Reply
0 Upvotes
5 Replies
Regular Contributor

can you provide us the link of the page your working on, 

Reply
0 Upvotes
Occasional Contributor

It is just a local file which isnt live yet. Could that be an issue?

I have attahed the section where the form has to be displayed and the hubspot form script below

 

//contact form
<div id="contact_us">
<div id="contact_form">
//hubspot form has to be displayed here
</div>
</div>
 
<!-- Hubspot Form -->
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script>
hbspt.forms.create({
portalId: "573334",
formId: "3b984c12-b049-46b7-8d1a-66376f2c379b",
target: "#contact_form"
});
</script>

 

 
The HubSpot form embed code is placed just before the body is closed
Reply
0 Upvotes
Highlighted
Regular Contributor

yes, that's the problem as seen in your first screenshot  the js src which supposed to be ref to HubSpot CDN was reference to your parent directory/root

Reply
0 Upvotes
Regular Contributor

try to use this instead 

//contact form
<div id="contact_us">
<div id="contact_form">
//hubspot form has to be displayed here
</div>
</div>
 
<!-- Hubspot Form -->
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/v2.js"></script>
<![endif]-->

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

hbspt.forms.create({ portalId: "573334", formId: "3b984c12-b049-46b7-8d1a-66376f2c379b", target: "#contact_form" }); </script>

 

 

Reply
0 Upvotes
Occasional Contributor

I had 

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

in the head section and not along with the rest of the embed code.

I moved it down and it worked!

 

Thanks a lot for the help!

Reply
0 Upvotes