User documentation

Modularized Theme

Our Modularized Theme includes customizable and a responsive template, together with different types of Modules, Landing Pages, Error pages, Thank you pages, Blogs, and much more.

Global

Header

The Header is one of the most important parts of the website. If you go to edit

the Homepage or any other Website page, you will see the option to edit the Global Header section, or by clicking on the Header a global content editor will pop up - as you can see below:

Global Content Editor HubSpot 🔊 2024-01-16 at 12.02.46 PM

Screenshot 2024-01-16 at 11.40.43 AM

Logo

In the Global header section, you will be able to click the logo, and you will see the sidebar options to edit it, as you can see below:

Menu Links

Once you finish with the logo, let’s continue with the Menu Links. All the menu links are managed on the Navigation section within the Website settings on HubSpot, so it’s very likely you are already familiar with how to edit them.

If not, don’t worry, go to Settings > Website > Navigation. The screen will look something like this:

Search Bar

In the header section, there's a search bar. If you don’t need the search bar there is an option to hide it. Please check the below images for reference.

Alternatively you can go to Settings > Website > Navigation. The screen will look like this:

Footer

Editing the Footer is pretty much the same process as the Header. In order to edit the Global Footer section, you need to edit any Website page, scroll to the bottom, and you will find the footer.

Click Edit Module, and you will be redirected to the screen to start editing the footer:

Global Content Editor HubSpot 🔊 2024-01-16 at 12.29.04 PM

Screenshot 2024-01-16 at 12.47.14 PM

Logo

Once you are in the Footer editor, click the Footer logo, and you will be able to edit it and upload your company logo.

Just like on the header, we recommend you to upload the logo as SVG format (Scalable Vector Graphics) as it will be super light and look perfectly sharp on every device. However, if you don’t have a vector version of your logo, a PNG or JPG will work great too.

Global Content Editor HubSpot 🔊 2024-01-16 at 2.04.38 PM

Screenshot 2023-11-29 at 3.28.57 PM

Footer Links

Regarding the Footer links, you will notice these are slightly different from the ones in the Header. Each section has different menus. By clicking on the corresponding menu you can change the link and text, which is the same as in the Header menu. See the screenshots below for Footer menu examples:

Global Content Editor HubSpot 🔊 2024-01-16 at 2.11.47 PM

Global Content Editor HubSpot 🔊 2024-01-16 at 2.11.47 PM-1

Landin page Footer

Mobile Menu

Screenshot 2024-01-16 at 2.44.01 PM

language-switcher

Blog

Blog suggested listings

Blog suggested list

blog overview listing

Blog Post Header

Forms and Buttons

Bottom CTA banner

Email subscriptions confirmation

Email Confirmation

Hero Form

Hero form

subscription banner

CTA Button

Text

By the numbers

Hero Banner

Screenshot 2023-09-26 at 5.46.13 PM

introduction hero banner

Body Content

Clients Review Cards

4 Tile Cards

Four tile card

Pricing Cards

Modularized Pricing 2023-10-30 at 12.02.04 PM

Services Tiles Organizer

Six key points>

Six key point

2 Column Layout

Screenshot 2023-09-26 at 5.59.24 PM

Card

2146248.hubspotpreview-na1.com_hcmspreviewtemplatemultidomain=undefined&hs_preview_key=FPQX0_thrWwy9cctILlfZg&portalId=2146248&tc_deviceCategory=undefined&template_file_path=ThemesModularized V3templatesqa-test.html 2023-12-02 at 4.33.19 PM