We would like to start using some of the new features on the new Hubspot forms. Specifically form shortening using Breeze data enrichment and multi-step forms. All of our Hubspot forms are embedded on our site which is built on WordPress. What we have discovered is that the new forms exist within an iframe, which prevents us from adding cusom CSS directly to our website.
From what I can tell, there is no functionality available to add custom CSS to the new Hubspot forms. Has anyone found a workaround for this? We have a developer on our team who can build the CSS code, but needs a place to build it.
You’re correct, this is currently not possible and as far as I know, there aren’t any workarounds. However, the product team seems to be working on this already, according to account managers I’m working with. We should probably see this over the next couple of months.
If this gains enough traction, the product team will typically also share updates there. Other than that, keep an eye on the product updates section in HubSpot. I’ll try to update this thread once it’s shipped
Quick update here After publishing your form (orange ‘Review and update’ button in the top right corner), you should see this. Follow the numbers to get the embed code: