Build a Website in Hubspot: Step-by-Step Guide

Hubspot provides an all-in-one content management system (CMS) that lets you design, build, and launch a professional website without needing complex code. This guide explains how to plan your site, choose the right tools, and publish pages using the Hubspot website tools based on the official documentation.

Understand the Hubspot website tools

Before you create pages, it helps to know the main parts of the Hubspot CMS that work together to power your website.

Website pages – your core marketing and informational pages.
Landing pages – focused pages for campaigns and lead capture.
Blog – content hub for ongoing articles and news.
Theme and templates – control layout, design, and structure.
Settings – manage domain, navigation, and system pages.

All of these are accessible from your Hubspot account and use the same drag-and-drop content editor.

Prepare your account for Hubspot website building

Before you start designing, make sure your account and settings are ready for a new website.

1. Check your Hubspot subscription and tools

The available website features depend on your subscription tier. Review which CMS or Marketing Hub tools you have, because some advanced options such as custom themes or blogs may require higher tiers.

Sign in to your account.
Navigate to your account settings.
Confirm that the CMS tools and website pages are enabled.

2. Connect or configure your website domain

To publish a live website, you need to connect a domain to Hubspot.

Open Settings > Domains & URLs.
Add and verify your primary domain.
Assign this domain for website content.

This ensures that all website pages you build in the CMS appear under the correct URL.

Plan your Hubspot website structure

A clear structure makes your site easier to manage inside the CMS and easier for visitors to navigate.

Define core page types

Home page
About or company information
Product or service detail pages
Pricing or plans
Contact and support
Blog listing and posts (if you blog in Hubspot)

List your required pages and group them into logical sections. This will later map to navigation menus and folders inside the content dashboard.

Set up navigation menus in Hubspot

Go to Settings > Website > Navigation.
Create a primary menu with top-level links (Home, About, Services, Blog, Contact).
Add dropdowns or secondary menus if needed.

Configuring navigation early helps you keep page URLs and hierarchy consistent as you build.

Choose a Hubspot theme or template

A theme controls the overall look, feel, and layout of your website pages. Hubspot includes default themes and allows you to install or develop custom themes.

Select a theme

Open the Marketing or Content menu and choose Website pages.
Click to create a new page.
When prompted, pick a theme from the available options.

Each theme includes multiple templates such as home, about, landing, and blog post layouts, which give your site a consistent style.

Customize theme settings

After selecting a theme, you can adjust global styles so your Hubspot website matches your brand.

Go to Settings > Website > Themes.
Open your active theme.
Update brand colors, global fonts, logo, and buttons.
Review responsive behavior on desktop, tablet, and mobile.

These settings automatically apply to all pages that use theme templates, which saves time and keeps your design consistent.

Create website pages in Hubspot

Once your theme is active, you can start building individual website pages with the drag-and-drop editor.

1. Create a new website page

Navigate to Marketing > Website > Website pages.
Click Create > Website page.
Select a theme template (for example, Home or About).
Name your page and choose its URL.

Use short, descriptive page names and SEO-friendly URLs that align with your overall structure.

2. Edit content with the Hubspot page editor

The page editor lets you update content modules and rearrange sections visually.

Click on any text module to edit headings, body copy, and links.
Add images, videos, forms, and calls-to-action (CTAs) using drag-and-drop modules.
Use sections and columns to control layout.
Preview your page for desktop, tablet, and mobile views.

Save your changes frequently and use the revision history if you need to roll back edits.

3. Configure SEO and settings for each page

For every website page you build in Hubspot, configure basic SEO and technical settings.

Open the Settings tab of the page editor.
Set the page title and meta description.
Choose the featured image for social sharing.
Assign the page to the correct navigation menu if needed.
Update language and translation options if you manage multi-language content.

Good on-page settings help search engines understand your content and improve click-through from search results.

Build landing pages and blog content in Hubspot

Beyond core website pages, you can use the same CMS tools to build landing pages and manage a blog.

Create landing pages

Go to Marketing > Landing pages.
Click Create and select a template from your theme.
Customize content, forms, and CTAs to match your campaign.
Connect the landing page to workflows, email campaigns, or ads.

Landing pages share many of the same editor features as regular pages, so your experience in the website builder transfers directly.

Set up a blog in Hubspot

Open Settings > Website > Blog.
Create a new blog or edit an existing one.
Choose a blog template from your active theme.
Configure listing page layout, subscription options, and language.

To create blog posts, use the blog editor, which supports rich text, images, and reusable modules that match the rest of your website.

Preview and publish your Hubspot website

Before going live, carefully review pages and settings to ensure a smooth launch.

Preview individual pages

Use the Preview option in the editor to see your page as visitors will.
Switch between device views to check responsive design.
Share preview links with stakeholders for feedback.

Publish pages and manage visibility

From the page editor, click Publish or schedule a future publish time.
Confirm that the correct domain and URL are selected.
Update navigation so new pages appear in menus.

Repeat this process for each major page until your full Hubspot website is live.

Maintain and optimize your Hubspot site

After launch, you can continue improving your site using built-in analytics and content tools.

Use analytics and testing

Track page views, conversions, and engagement metrics.
Identify top-performing pages and content gaps.
Run A/B tests on landing pages where supported by your subscription.

Keep content and settings up to date

Update copy, offers, and imagery regularly.
Review navigation to keep it aligned with your current structure.
Maintain redirects when you change URLs.

Consistent updates help you get more value from your investment in the Hubspot CMS over time.

Learn more about building a website in Hubspot

The official documentation provides detailed, up-to-date instructions for every tool mentioned in this overview. For deeper guidance on building and managing your site, visit the Hubspot knowledge base article on how to build your website: Build your website with Hubspot CMS.

If you want expert implementation, strategic consulting, or advanced optimization for your Hubspot website, you can also work with a specialist agency such as Consultevo, which supports organizations using modern marketing and sales platforms.

By following these steps and exploring the additional resources in your account, you can confidently design, launch, and grow a complete website using the Hubspot CMS platform.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`