I’m embedding a HubSpot form on our Webflow site, but the code I get is JavaScript — not Raw HTML.
Support mentioned that the “Set as Raw HTML” option is only available on Marketing Hub Pro or Enterprise, but upgrading just for this isn’t practical.
Is there any easy way to convert the JS embed into editable HTML, or apply custom CSS styles (rounded inputs, button design, spacing, etc.) while staying on the Starter plan?
Any suggestions or examples from others who’ve styled HubSpot forms on Webflow (while on Starter plan) would be really appreciated!
You can’t turn the HubSpot JS embed into pure HTML on the Starter plan, that option only exists on higher tiers. The safest way is to keep the embed as-is and style it with your own CSS in Webflow. The form isn’t in an iframe, so you can target HubSpot’s classes directly, like .hs-form .hs-input { border-radius: 8px; } or .hs-form .hs-button { background: #000; }.
If your styles don’t stick, increase specificity or use !important when necessary. You can also use the onFormReady callback in the embed code to add Webflow classes or tweak elements once the form loads. If you really need full control, build a Webflow form and connect it to HubSpot via the Forms API, but that’s more setup, and you’ll lose things like progressive fields. For most cases, custom CSS with onFormReady works just fine.
