TheWebPlant: Getting Started with HubSpot Themes

Core Theme Elements

Theme Settings

Control your brand colors, typography, buttons, and spacing globally.
Update once, and your entire site stays consistent.

Templates

Pre-built layouts for pages, blogs, landing pages, and emails.
Fully editable in the drag-and-drop editor.

Modules

Building blocks of your content: hero banners, forms, CTAs, testimonials, etc.
Use default ones or customize with your own.

Global Content

Elements like header, footer, or navigation that update everywhere when edited once.

Step-by-Step Guide to Using Themes

Choose & Install a Theme

Browse HubSpot’s Theme Marketplace or upload a custom theme from your partner agency.
Once installed, it appears in your Design Manager under themes.

Set Up Theme Settings

Navigate to the Edit menu of a newly created page > Select your theme name.
Update colors, fonts, buttons, and spacing to match your brand identity.
Preview changes before publishing to ensure brand alignment.

Create Pages with Templates

From the HubSpot dashboard, click Create > Website Page (or Landing Page).
Select a template from your theme.
Drag-and-drop modules, edit content, and publish instantly.

Customize Modules & Layouts

Open any page in the drag-and-drop editor.
Add/remove modules (like testimonials or pricing tables).
Reorganize sections for a unique layout while keeping your brand style intact.

Manage Global Content

Edit headers, footers, or navigation menus from the theme’s global settings.
Publish once, and changes reflect across all your site pages.