Custom CSS to new Hubspot forms

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.

Hi @DezieO,

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.

Until then, you could upvote this new request in the HubSpot Ideas section: https://community.hubspot.com/t5/HubSpot-Ideas/New-Form-Styling/idi-p/1090166

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 :slightly_smiling_face:

Best regards

Hi @karstenkoehler Is there an update to this, please? I have a number of very unhappy clients :neutral_face:

Hi @DezieO,

Quick update here :slightly_smiling_face: 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:

Best regards!

@karstenkoehler that link leads to a 404 page. But the screenshot did the trick. thanks