Documentation & Support

Jake Free HubSpot Theme

Step 1

Do you currently have a HubSpot site or blog, and you want to rebrand? Or is this a new site?

If you are rebranding, you will need to make updates without impacting your current site. Read guide

If this is a new site, you can move on to step 2.

Step 2

Are you new to using HubSpot themes? If so, I highly recommend reviewing these two educational resources before going further, customizing the theme.

Step 3

Plan your site architecture. How should your top navigation menu look? What about the footer navigation? Once you have this ready, update your default or create a new navigation menu. Read guide.

Step 4

Begin building your pages using the provided templates

Step 5

Go to the theme settings panel and click on the header to open the global partial editor screen. Select your new menu from the dropdown list: update colors and fonts and anything else you would like to update to the theme.

Step 6

Navigate your site and begin sketching on paper what content and images you need for each page. I recommend doing this on paper vs. on screen because you can work through layout issues a lot quicker. Once completed, edit the pages and begin entering your text first.

You can use placeholder images for now so you can visualize your page layout. Once things are looking good, you then need to source images for your design. Here are some excellent sources for free photos and royalty-free images.

Module Documentation

Section Modules

These modules are intended for use in a 1 column section because they are wide content. Some even include column grid options.

Coming soon.

Content Modules

You can include the following in multiple column layouts without impacting the design.

Coming soon.

Have a question or support request?

Contact us

Not finding the help you need?

Contact Support