topic Error "ReferenceError: hbspt is not defined" with embed code for form in APIs & Integrations

Error "ReferenceError: hbspt is not defined" with embed code for form

LisbethN — Wed, 04 Dec 2019 11:22:01 GMT

Hi,

I created this form for a PDF download on the website:

When I embed it on my WordPress site (with the Modal Text / HTML Link builder block) it always gives me this "unknown error": "Error "ReferenceError: hbspt is not defined".

This leaves me unable to even make changes to the page.

I tried starting over and tried adding <div> tags in the embed code (after research on this forum) but nothing seems to work.

Any ideas what's wrong with the embed code and how I can solve this?

Thanks!

Re: Error "ReferenceError: hbspt is not defined" with embed code for form

WendyGoh — Thu, 05 Dec 2019 07:23:21 GMT

Hi @LisbethN,

The error "ReferenceError: hbspt is not defined" likely means that when calling the function "hbspot" on your page to try and load the form create script, the shell.js hasn't been created. This could means that the shell script loads after all the html has loaded or there's an issue loading the shell script.

In this case, it looks like when embedding HubSpot form on a WordPress page, there are some potential issues that may cause the code to break - Refer to this documentation: Externally embedded HubSpot form isn't working.

Hence, could you try adding HubSpot forms to your WordPress page using any one of the options detailed here: Add HubSpot forms to WordPress pages and posts?

Let me know if this works for you!

Re: Error "ReferenceError: hbspt is not defined" with embed code for form

RPieczul — Thu, 04 Aug 2022 03:42:11 GMT

Hi,

I'm managing a Kentico website and I encountered the same error as the original poster.

After a great deal of frustration, I was able to resolve the issue by simply adding "https:" to the front of the source path.

I'm not sure why the https:// is excluded from the src path in the generated code snippets, but oh well.

Hopefully this helps anyone else who encounters the same issue.

Thanks,

Re: Error "ReferenceError: hbspt is not defined" with embed code for form

Gifford — Wed, 25 Jan 2023 15:49:20 GMT

Loading the script dynamically works well

<script>
  (() => {
    const script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.src = "https://js.hsforms.net/forms/embed/v2.js";

    script.addEventListener("load", () => {
      hbspt.forms.create({
        region: "...",
        portalId: "...",
        formId: "...",
      });
    });

    document.head.append(script);
  })();
</script>

Re: Error "ReferenceError: hbspt is not defined" with embed code for form

Jaycee_Lewis — Mon, 30 Jan 2023 17:01:54 GMT

Thanks, @Gifford!

Re: Error "ReferenceError: hbspt is not defined" with embed code for form

SUdo5 — Mon, 27 Feb 2023 18:19:08 GMT

When using the above code, the form is loading infinitely. Could you please share your solutin for it if you have one?