Exploring the building blocks of a HubSpot website.
A standard HTML webpage consists of 3 parts:
In a HubSpot webpage, these components are all split across different sections of the HubSpot CMS:
Site header HTML & Site footer HTML
Settings -> Website -> Pages
Here you will find the editor for the Global header and footer editor. This is the best place to insert scripts that need to run across every page on your website, for instance, tracking scripts like Facebook Pixel, and meta tags like Google site owner verification.
Marketing -> Design Tools
Within the Design manager, you are given the option of creating the following objects:
To create a template from which a webpage will be made from, select Drag and Drop -> Page. This will create an empty template. From here, you can drag and drop in any of the modules available in the right-hand sidebar:
If what you require isn’t available in the list, you have the option to create a Custom Module and insert your own code and styling (but will probably require the assistance of a developer).
The Final Product
Once the template has been completed, it’s time to make the webpage:
Marketing -> Web Pages
Simply select the template you created and give your new page a name, and HubSpot will generate your new page for you, creating the following structure:
*Site Header HTML*
*Site Footer HTML*
Within the page editor, you are given the option to insert additional HTML header and footer scripts in the Advanced Options:
This option is particularly helpful when adding scripts to track actions on an individual page. For example, form submission triggers on Google Analytics.
Need further help with website development? Speak with one of our experts to find out how we can help.