Embedding Hubspot Forms on Wix

As a Wix Designer, I sometimes run into problems embedding third-party code on my client Wix websites, and I like to share the solutions as I find them.

If you are having trouble in Wix with embedding a Hubspot Form using the HTML widget, you're not alone. My client was dropping the Hubspot Form code into a Wix HTML widget box but it just shows up blank... we couldn't figure out why. But there is an easy fix.

This is a common Hubspot with Wix issue, but has an easy fix!

You simply have to add an underscore “_” at the beginning of the code.

When you do this, the underscore will appear at the top of the form. If you want to get rid of the “_” on the front end, add a font color html to it before and after the underscore. So if your background is white, put this snippet of code in front of your Hubspot code:

<p style="color:#FFFFFF";>_</p>

So, here is the example Hubspot Form code:

<p style="color:#FFFFFF”;>_</p> <!--[if lte IE 8]>

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

<![endif]-->

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

<script>

hbspt.forms.create({

portalId: "6847856",

formId: "3e199894-d680-4a86-8d0c-3472adcd5c2e"

});

</script>

Easy peasy. Happy Wixing!

Want to work with an expert Wix Designer? Get a free estimate, contact us »