Scenario
While using code given below, throwing error ‘hbspt is not defined’.
<script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/embed/v2.js”></script>
<script>
hbspt.forms.create({
region: “na1”,
portalId: “23130323”,
formId: “22b95edc-a15c-4996-af4c-d32d6650a3a5”
});
</script>
solution:
Change the script to the below format.
<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: “na1”,
portalId: “23130323”,
formId: “22b95edc-a15c-4996-af4c-d32d6650a3a5”
});
});
document.head.append(script);
})();
</script>