---
title: How Can I Create a Website with HubSpot CMS Hub Starter?
description: Learn the essential steps to create a website with HubSpot CMS Hub Starter. Build your online presence with ease and achieve your business goals.
image: https://blog.djolt.co/hubfs/fotor-ai-2023110795751.jpg
---

[![dJolt Inbound Marketing](https://blog.djolt.co/hubfs/logo-1.svg "dJolt Inbound Marketing")](https://djolt.co)

Open main menu Close main menu

- Services Open the submenu 
    - [Inbound Marketing](https://djolt.co/inbound/)
    - [Web Design](https://djolt.co/design/)
    - [HubSpot](https://djolt.co/hubspot-services/)
- [Our Story](https://djolt.co/our-story/)
- [Our Success](https://djolt.co/success-stories/)
- [Contact](https://djolt.co/contact-us/)

# How Can I Create a Website with HubSpot CMS Hub Starter?

[Debangshu Chanda](https://blog.djolt.co/author/debangshu-chanda)

[Share this blog post on Twitter](https://twitter.com/intent/tweet?text=I+found+this+interesting+blog+post&url=https://blog.djolt.co/create-a-website-with-hubspot-cms-hub-starter) [Share this blog post on Facebook](http://www.facebook.com/share.php?u=https://blog.djolt.co/create-a-website-with-hubspot-cms-hub-starter) [Share this blog post on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.djolt.co/create-a-website-with-hubspot-cms-hub-starter)

HubSpot is an All-in-One CRM software solution that integrates a set of modules to [improve marketing](https://blog.djolt.co/inbound-marketing-vs-outbound-marketing-in-switching-your-strategy), sales, customer care, and back-end processes. 

HubSpot's free CRM (customer relationship management) is widely utilized by businesses, especially by those with less than 1,000 employees.

HubSpot also has a website builder as part of the CMS hub, which many people aren't aware of. You can use the CMS hub to make a fully functional website for your company and have it up in no time. 

Therefore, we'll show you the ropes in our HubSpot website builder tutorial for newbies. We'll achieve this with HubSpot CMS hub Starter, which is designed keeping both the beginners and professional developers in mind.

## What Are the Steps to Making a HubSpot Site?

Let's get started with our 2023 HubSpot CMS hub guide, that will teach you how to set up a HubSpot website using the HubSpot Website Builder.

### 1.HubSpot CRM Sign Up

You can go to your site right from the CRM dashboard.

If you're planning on using HubSpot's website builder, you should familiarize yourself with how the free CRM works first.

We recommend checking out [this article](https://blog.djolt.co/hubspot-pricing) before signing up for a HubSpot account if you're unfamiliar with HubSpot's features. To purchase CMS Hub Starter, all you have to do to join is tap '[Buy Now](https://www.hubspot.com/pricing/cms/starter?products=cms-hub-starter_1&term=annual)' to sign up.

### 2. Navigate Through HubSpot’s Dashboard

![](https://lh7-us.googleusercontent.com/Ry_oAbmXs4mCbn1MiDFIwCtv1PmoMV4KxCWFcOfT2-PUS2qgXwMrUywKsLaZeVCApskTDCKXeS-aPDO1agOmz5s7rh-jGqrjlpa7z5YbNZk4OftjaN4ZDaSUreEByDYRJQe15BmkH7lsNoMh0GaL9dE)

After you've signed up with HubSpot, you'll be redirected to the dashboard.

Take note of the navigation menu across the top of your dashboard for accessing various HubSpot features including contacts, discussions, marketing, sales, support, automation, and reporting.

Here, you’ll have to work with the 'Website' option that is categorized inside the 'Marketing' tab.

### 3. Website Pages vs. Landing Pages

![](https://lh7-us.googleusercontent.com/d8tqpwH8PIh7O8YDQao2opx1XzRTUj7Ctb5sLg8HgomssEoH1_2daiapWrZ48Mp2L9lBwSe-mgU4FENkdFcAf43Qgnx99iZq6TaxLWh4ORWXGObec51CHVZgbKqwXWOygAjkiln7OY-MVAEkuccrEnk)

 

You can start making your [HubSpot site](https://blog.djolt.co/why-go-hubspot) once you've upgraded to HubSpot CMS hub Starter.

- First, you can find the "Marketing" Tab. Click on it.
- You should now be able to see the "Website" tab..
- Now, tap on "Website." You should be able to find two options, ‘Website Pages’ and ‘Blog’
- Now, click on ‘Website Pages’.

Pages are the backbone of your website and will be there forever.

However, landing pages are not the same as regular web pages, as we've mentioned before on the blog.

*The homepage, a page for getting in touch, a "about us" section, individual product and service pages, and so on are all good examples of a webpage.*

Landing pages, on the contrary, are meant to have a singular call to action (CTA). Landing pages can be created for a variety of targeted purposes, including gathering contact details, generating leads, and boosting sales. Simply put, these are purpose-built web pages that stand on their own.

Landing pages are usually created by the businesses to attract and convert paid visitors. A/B testing plays an important role to achieve the above goals, and you can refer to [this blog](https://blog.djolt.co/a/b-testing-types-tools-benefits) for some tips on A/B testing your pages.

### 4. Set Up Your Website

![](https://lh7-us.googleusercontent.com/YEqEz7bNLyugNRPCBehSz7bn99ONwQSTeLr_wSX6KrrpYy6ekRER8CTF4rlg6XUEiJCEG0hxFWyCE-Sudd5sB2or0cVhDxBL4PTUl3-9qkPVozqza_SCgC1xhuf1yslLbgPoeKID4ceRI5BrvBd0VvA)

- Click "*Start Setting Up*" below "*Website pages*" (see screenshot for details).

![](https://lh7-us.googleusercontent.com/4OOx7maHkMOH0NKPzPI-HG7yKdwndfzY5yxwaHAAYUDG3JLUBL4Pp-XhJeSfB3fBCtnVjvD0FNpP56hrZ-3Ny-r7LxwRke_0o-UVXxhiAzhH5v3RFMPT-wib7kXYcLyZiI19MVez1ORHrHxA-EF-YfM)

 

- Now, choose the "***Customize Theme***" option from the "***HubSpot CMS Hub Starter***" menu. The typeface, color scheme, and background image can all be tweaked here.
- Next, select a global color scheme for your HubSpot website template that is consistent with your company's image. The color scheme can be modified later. Let us select the ‘**BOLD**’ option for this example.

![](https://lh7-us.googleusercontent.com/_ixHG7fd9Bd6s_o4ntu7sGjxwJw4ULJw3g_B7xm0QJcCR-qFigsYkTRRrHQUwxpjlNUNd72aSiID4KIdsrEd6XPYu9-sJdWVv_fahZ7Xn5kDlK0fmSci65DCd7381DUqwsdIhT0I8j15gB3ZtziNfCc)

 

- You can also choose "***CREATE MY OWN***" here if you'd rather make your own custom global color scheme.

![](https://lh7-us.googleusercontent.com/AYVazac8vcYzOuQBXmABvgZOy8_va34_oL6_l_XZSs9hthpOKd0bvXExGkolapf-DgPUuNXXImBov0c5NGrbJt002LzXtFNuxvV5YhxYVFPvHi1fPvVN9sOw6pWkKaYkewe5I9kd_XmCmvx-UhxEoKk)

 

- Pick a “***primary font***” for use in the main text. Keep in mind that any edits will affect your [HubSpot](https://blog.djolt.co/why-go-hubspot) website in its entirety.
- You may view the updated version over on the right.
- Select a “***secondary font***” from the menu that appears. Your headings will be formatted in this way.
- Adjust the site's color scheme to better fit your brand's aesthetic needs. For example here, **Gray**  for borders and **Orange** for elements such as buttons and hyperlinks.
- If necessary, adjust the text color, else the standard font color of black will be maintained.
- Select the ***Next*** button.

#### Creating the Logo

![](https://lh7-us.googleusercontent.com/Vk_julTLnRf8n4JfbGV4y5H4TWP5iy-yH0tEvW8CIw7KWISbg1HmhGmDf_SHdlwLkL7D79UTaVPtQWL_3VWUJV9K2nJUz4K2oRPBqaT6E1nV2d7TMXdMSUuCKApHmx2GOo5KyzFxVy3-g7QWppVv9IU)

 

Upload the logo. If you need a logo for your company but don't have one, you can make one with [Canva](https://canva.com) for free.

Make any necessary adjustments to the logo's dimensions before clicking "Finish."

### 5. Build Your Website

![](https://lh7-us.googleusercontent.com/b1nfh2JN1IR2ux5lFUCjRiVrbUj0dIVIMqbwX7e1dlhVIHFKbqUUcPHoWvUvQHgUMciPpGNbimz2Fe18nOb9GG_1l2rq1faxe4licZxtnw8uRiFuGnxGvsEez9Fl-1MqT5g3wFR8mkrVaX8t7HjHP7Y)

Referring to the screenshot above, select the '*Build site*' option.

- Include the main sections of your site. The price, products, contact, about, and home pages have been preselected by the HubSpot CMS hub. More HubSpot web hosting  pages can be added at a later time. De-select the options that are unnecessary.
- Select “***Next***”.

![](https://lh7-us.googleusercontent.com/itsc6js0pms0CQnicnIDivogibCHgMiWCNIF0N9uLoEjyxfHug-jAIpFNVQ8VWfuXr-FpjtMqfjayWhjlxJgzafPS2Bjs_ptE6pikhWnkcBDzXzCEDaN44a8YIQ22Pzhe7h6gBxRdP_hU49--gb-Se8)

 

- Pick your business industry. Pick out the HubSpot web hosting home page's style and pictures. Now continue with "Next."

![](https://lh7-us.googleusercontent.com/CLaGrPrPtYj47Gvv9R10JJva7rvO1_eZgcdoe1ZTmCkVgScqCMs8dmZLV2Z4ewk-f_mCxwYRA54urQNa59mcifiyZoobJ9Dx2iNfd277c0MTKKJXsicBLV4SmS-yvWjqr-j17sVOFbTMc2jLZGKJjPY)

 

- Now, pick a banner for the whole site. We will use the initial header design, which is also the most popular in [HubSpot](https://blog.djolt.co/a-complete-guide-on-hubspot-cms-migration). Here, the **logo** is positioned to the left in this style, and the menu items are right adjacent to it. Refer to the screenshot.
- Press "***Next***."

![](https://lh7-us.googleusercontent.com/aD9bSmHJOoAdSvNPbeW4lVfQUALbpI2kVeCEcyGLw5RIFFW9N9WekXYRrf89fbkFEKzOxoZ-o-iFDdXKi4lzNMHZPhXrUmixyecGBvEHVc5gQICrSAwnGg3-asFi0i2l7awo_1m9pudTXcbIqOFhIoM)

- Pick a world footer for your site. '***Global***' again means that the bottom will show up on all of your [HubSpot pages](https://blog.djolt.co/a-complete-guide-on-hubspot-cms-migration). Footer style #2 is what we'll use for this HubSpot website builder guide.
- Press "Finish."

Now, wait a moment for HubSpot to finish loading the website's pages. 

### 6. Customize Website Pages

HubSpot has a visual, drag-and-drop editor that we'll walk you through configuring for your own website's needs.

![](https://lh7-us.googleusercontent.com/6lLy_ueGF96Ve0geF5MiCrpdYIAF29lblY84UZY-yAOWi89wJzA0enhKskip9L84T5Quy7O0hOkQSmFLts-yfj4TIcGAv2QPDo0o9eUZp1qXKF7tq8DI_gIQHsQvO7zhAQkyqoyajUttERPWBWo5M_Q)

 

- Select "**Start Publishing**" to begin.
- The 'Website pages' tab should remain active. Your previously selected website pages will appear here. They haven't gone live yet.

![](https://lh7-us.googleusercontent.com/n96OQX3jA5MGtdgLOSX1Ss27JSsLmbsfAmFxYJuOj-5DUVT5J_aB7e_IjgD5oGctjfnfnc7DXxJyYnv4fHp7X_Xsxs4BRbcWnzegFsEs4nNpRC8owqE2Qx0OuNs-De-oTB7eiU9jBHGHl3iZp4J5wik)

 

- We can make these webpages public by going to the 'More' tab, then clicking the 'Publish' button next to each one. However, personalization is required first.
- Any online HubSpot web hosting  page can be copied as well. Using this strategy, you can quickly whip up professionally looking web pages with only minor tweaks to the content and the design. The cloning method is highly recommended for constructing product pages.
- 'Create' can be used to add a new webpage by selecting 'Website page' from the available options.

### 7. Add Blog (Optional)

![](https://lh7-us.googleusercontent.com/J313jhHu4Jmya4X5LWriHIjL2tRFQETiQ2ArlNHeWoH5_TY5kfKGHsWoWMOQ8oCCtxbGn4t4_mDfSi-cmFGp-MSfYYjiYR15-SnxcNUgVDH6m_dqrdpqj2S7vc7icyhEZHJi-lgbALZ1Op1OiyIrYBo)

- Tap on the ‘Marketing’ button.
- Now, move to ‘Website’, after that go to ‘Blog’ or Click on “Create blog” (Screenshot)

This is where you can consistently create and publish your blog posts.

Your brand-related blog posts might be about anything of interest to your target audience, such as industry developments, product updates, useful information, etc.

*Pro Tip: Keep in mind that blogging is a vital organic [SEO strategy](https://blog.djolt.co/7-seo-strategies-to-improve-your-saas-marketing) for improving your visibility in search engines like Google.*

### 8. Add Custom Domain

![](https://lh7-us.googleusercontent.com/exaHFzED-a9R0_MD5tQL3eKZU80TAbh4Gv-j8LKLm2Zr5IOIxbNh9oX0i-erLGwxB2Dhy5AZvUDHoZFblMB76cfmaQPINA9dp99pgvM5yIpuWmxxph3Ripr2e49GW3oVMQ9hU2DRA3kqsT-GCE3uANk)

By default, your website will use the HubSpot domain.

- Go return to the '**Finish CMS Setup**' menu.
- Select '**View Guide'**
- Click ‘**Connect a domain**’, you can find this right under, ‘**Connect your custom domain**’ or you could also navigate to 'Settings >  Tools > Website > Domains & URLs'

![](https://lh7-us.googleusercontent.com/N5qOo7iWWC3TAFwGgumpy3bMsW2PfuqQAH57a0c8S5-6hYxYCiO6TW2ILccqMjcrEigsTkznpS3VT-8iCDyhozyRuVnVqoEU36_5tenqp-3rVvc_l6h1xZxaKt7sji1KWYR_CtpSzFKsBIa-soYDsng)

HubSpot also provides free SSL certification, which informs users that they are on a safe website.

![](https://lh7-us.googleusercontent.com/A6a6h6j3DfHNTuM2JvpjrwNv_5W4aOlquBRmwMyw7jWacF6yzKtRg1ZJFApgElZrps6-WYcEfNkOkE3DCEgqX63fB-DZWHraEAfrT2jOsmIP9K1Gwad-_0nD2VLcvwvdfRBUrrE2ytHHymJkepr_ogs)

 

## Lastly, Publish the Website!

 In this HubSpot web hosting lesson, we'll use the pre-assigned domain name to launch the finished site. You may launch the website in stages, one page at a time, after you've customized it.

When you do that, all of your HubSpot pages will be accessible online.

 With that, we end the HubSpot CMS hub website development guide for beginners, we hope you found this helpful!

![Debangshu Chanda](https://blog.djolt.co/hubfs/MicrosoftTeams-image-1.png)

#### Debangshu Chanda

Follow me on Facebook Follow me on LinkedIn

I am a Content Writer with a decent amount of experience in the technical and business sector.

### Leave a Comment

## Related Articles

[![hubspot vs wordpress](https://blog.djolt.co/hubfs/hubspot%20vs%20wordpress.jpeg)](https://blog.djolt.co/hubspot-cms-vs-wordpress-comparison)

[HubSpot](https://blog.djolt.co/tag/hubspot) [WordPress](https://blog.djolt.co/tag/wordpress)

### [HubSpot CMS Vs WordPress - A Detailed Comparison!](https://blog.djolt.co/hubspot-cms-vs-wordpress-comparison)

As technology rapidly evolves, it's important to understand the differences between two popular content management systems: HubSpot CMS and WordPress. In 2023, we are...

[Debangshu Chanda](https://blog.djolt.co/author/debangshu-chanda) 

[Read More](https://blog.djolt.co/hubspot-cms-vs-wordpress-comparison)

[![](https://blog.djolt.co/hubfs/Laptop%20on%20office%20wooden%20desk%20with%20business%20website%20on%20screen.jpeg)](https://blog.djolt.co/steps-migrating-from-wordpress-to-hubspot-cms)

[HubSpot](https://blog.djolt.co/tag/hubspot) [Website](https://blog.djolt.co/tag/website)

### [\[Steps\] Migrating from WordPress to HubSpot CMS](https://blog.djolt.co/steps-migrating-from-wordpress-to-hubspot-cms)

It doesn't matter whether you're a startup or a full-fledged organization, having a competent CMS platform is always necessary for your business. As they are the ones...

[Debangshu Chanda](https://blog.djolt.co/author/debangshu-chanda) 

[Read More](https://blog.djolt.co/steps-migrating-from-wordpress-to-hubspot-cms)

[![logo-white](https://blog.djolt.co/hubfs/logo-white.svg "logo-white")](https://djolt.co)

 

5830 E 2nd St Ste 7000

#4555 Casper, WY 82609

United States

#### Company

- [Our Story](https://djolt.co/our-story/)
- [Careers](https://djolt.co/careers/)
- [Blog](https://blog.djolt.co/)
- [Success Stories](https://djolt.co/success-stories)

#### Services

- [Inbound Marketing](https://djolt.co/inbound/)
- [Web Design](https://djolt.co/design/)
- [HubSpot](https://djolt.co/hubspot-services/)
- [Consulting](https://djolt.co)

#### Resources

- [Blog](https://blog.djolt.co/)
- [Knowledge Base](https://djolt.co/docs/)
- [eBooks](https://djolt.co/ebooks/)
- [Tool Kits & Templates](https://djolt.co/tools/)

### Subscribe to our blog

[Follow us on Facebook](https://www.facebook.com/djoltco) [Follow us on LinkedIn](https://www.linkedin.com/company/djolt) [Follow us on Twitter](https://twitter.com/djoltco) [Follow us on Instagram](https://www.instagram.com/djoltco/)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Debangshu Chanda",
    "url" : "https://blog.djolt.co/author/debangshu-chanda"
  },
  "dateModified" : "2024-01-20T20:55:47.917Z",
  "datePublished" : "2023-11-07T04:29:31.000Z",
  "headline" : "How Can I Create a Website with HubSpot CMS Hub Starter?",
  "image" : [ "https://blog.djolt.co/hubfs/fotor-ai-2023110795751.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.djolt.co/create-a-website-with-hubspot-cms-hub-starter",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.djolt.co/hubfs/logo-1.svg"
    },
    "name" : "dJolt"
  }
}
```