Last updated: June 28, 2023
With either method, changes made to the form in HubSpot's forms tool will automatically be reflected on the live form on your external site. After adding your form, you can style your embedded HubSpot form on your external pages in the form editor or with CSS in your external stylesheet.
If you're working with WordPress, learn how to insert a form on your WordPress post or page.
You can also share your form via the Share link. In a Share link, the form will display on a standalone page at its own URL. This share link cannot be hidden or made private. Anyone with the share link will be able to access the form.
When styling your embedded form with the HubSpot form editor, you can either use a theme or apply your own custom style.
Please note: themes and styles set in the form editor will only apply to embedded forms or standalone form pages. Forms on your HubSpot pages can only be styled with the form module style options in the content editor.
If you want to style your forms without writing any custom code, you can apply preset themes to your embedded form or standalone form page. These themes add more customization options to your forms, in addition to any global form style settings.
To style your form with a theme:
If you have a Marketing Hub Starter, Professional, or Enterprise subscription with your HubSpot account, you can also style embedded forms on a more granular level.
To apply a custom style:
If you have a Marketing Hub or CMS Hub Professional or Enterprise subscription with your HubSpot account, you can embed your form as a raw HTML form, then style this embedded form with CSS in your external stylesheet.
To style your embedded form with CSS: