Getting started with HubSpot Theme

Making ‘Dream Websites’ a Reality with the new HubSpot Portal

 

DS HubSpot Themes Documentation

  • Here’s to an Easy Start :

    We help building amazing websites that no longer look like an impossible mission and we do it all with the ever amazing HubSpot Themes.

  • This documentation is your 101 guide on how to use the theme and how to create your dream website in HubSpot.

    Let’s get started right away!

Follow steps and create your dream websites :

How to Create a Website Page?

Step 1: To create a new page start by logging into your HubSpot account. Go to Marketing > Website > Select the type of page you want to create. You can choose between Website Pages, Landing Pages, or Blog.

Step 2:  Click on Create and then select your DS Theme followed by choosing what type of page you want to create. You can pick among many options like Home, Case Detail, FAQ, Contact, etc.

Step 3:  Once this has been done enter the Internal Page Name and click on Create Page – your page will be successfully created. You can add or remove modules accordingly, add meta description, page title and other necessary information and publish the page after getting the changes done.

Creating the Systems Page – See How That’s Done

Step 1: Error Pages.

In short, you’ll be able to set them up in Content Settings. Here’s how it works.

404 and 500 error pages are called “System pages,” which HubSpot treats differently when being set up. The process is pretty straightforward and here is how it’s done.

  1. The gear icon on your HubSpot dashboard can be accessed by clicking the corner.
  2. Scroll to the bottom of the left-hand sidebar and click this.
  3. Go to the “System Pages” tab and click it as you mean it.

This page will appear. From your Theme, select the correct “Theme” system pages.

Be sure to save changes. That’s all there is to it!

Step 2: Search Results Page

  1. You will now be directed to the “System Pages” tab. The search results drop-down can be found by scrolling down.
  2. Choose “Theme” from the drop-down menu.
  3. Have it saved!

Changing the Global Styles – Check the Process

After you successfully create a page, you get an Edit Page Panel on the right side of the screen. In this panel 3 sections are listed named Add, Content, and Design. Click on Design and you’ll see an Edit Theme Settings button there. Click on it and make changes on theme globally. 

Once these changes are made the effect will be visible on all the pages and assets of the website.

Here’s what you can change with this:

  1. Color and Font Setting
  2. Layout Setting
  3. Blog Setting
  4. System Page Setting

Changing the Blog Template and How!

Blog templates help you set a template for your blog pages. You can set a template for the following:

  1. Blog page
  2. Blog listing page

To do this, go to Settings of your HubSpot account, scroll down on the left panel and click on Website Dropdown. Select Blog and click on Templates section. There you’ll see templates for blog posts and templates for listing pages. Click on the dropdown and select your template. Do not forget to save the changes.

Editing Global Modules – See How That’s Done

We have created global modules in this theme that are:

  1. Website Header
  2. Footer 

The part of editing these can be done once the page has been successfully created. Once you create a page, you’ll see three sections on the left panel, named Add, Content, and Design. Click on Content – at the top you’ll see the Website Header module and Footer at the bottom, the changes can be made accordingly based on what you’re selecting.

Get Support Now!

If you have queries or require any guidance you can send an email directly or use the contact form to reach out to us. Do not forget to link to any referenced pages and include screenshots of those pages. We will reply back at the earliest to ensure you’re never left in the dark.

Thank You!