How to Style HubSpot Forms

Updated on:

May 8, 2026

By:

Use this interactive demo to learn how to customize and style HubSpot forms to match your brand.

Quick summary

HubSpot's form styling feature lets you customize the visual appearance of your marketing forms — including fonts, colors, buttons, and field styles — directly within the Forms editor. This step-by-step walkthrough shows exactly how to access and apply style settings to any HubSpot form without writing code.

Steps

Navigate to Marketing > Forms in your HubSpot account.
Select the form you want to style and click the Edit button.
Go to the Styles and preview tab inside the form editor.
Use the Style panel to customize your buttons.
Click Style and choose which elements to customize: Module, Fields, or Buttons.
Adjust fonts, colors, and other visual options using the available styling controls.
Click Update to save your style changes.

📌 Why this matters

HubSpot form styling allows marketing teams to align their lead capture forms with brand guidelines — controlling fonts, colors, button styles, and field layouts without any custom code. Consistent, on-brand forms improve user trust and conversion rates, making them a critical component of any inbound marketing strategy. Teams using HubSpot's built-in style editor can iterate on form design faster, reducing dependency on developers and keeping campaigns moving. For businesses managing multiple forms across campaigns, centralized style control directly inside HubSpot's Forms tool saves time and ensures a cohesive experience across every touchpoint.

Your product deserves an interactive demo

Start free

How to Add Calendar to HubSpot Email

How to Add Calendar to HubSpot Email

How to Integrate HubSpot with Acuity Scheduling