I feel like a lot of HubSpot users don’t even know there is a marketplace where you can purchase templates. That’s why I decided to write this ‘series’ – showing you what kind of features the Adepto Digital templates have.
About the template
The Simplory Landing Page Template is a very straightforward template. It includes a header area (logo and a text box for slogan/phone number), banner image with header & intro text and form on top of it, the main area (rich text), a sidebar for e.g. testimonials, a flexible column and a simple footer area (logo and social sharing).
This template has two color pickers (described further down), which I think easier to use than the built-in function. Normally (for some modules) you can edit the styles by clicking on the item in the module list (in the left sidebar) – then at the top choosing ‘Styles’ at the top. You choose which method you want to use.
How to customize the template
Below is a screenshot of how the template looks in the inline editor. The module names should be explanatory enough, but I will go through them just in case.
(from top to bottom)
Site Color Picker: use the color picker or add HEX/RGB code to change the form button color as well as the main text header (note that the main text header color can also be changed with inline styling).
Select header background image: choose an image that goes behind the form and the “intro” text. The width of the image should be 1200px, the height depends on the length of the text and the form.
Right Column Color Picker: use the color picker or add HEX/RGB code to change the background color for the sidebar.
Logo: normal image module for the logo. It is set to have a maximum width of 250 pixels and a maximum height of 200 pixels.
Top Text: this area is a rich text module, so you can edit the text in any way you want. If you don’t want to display anything here, just leave it empty. Primarily meant for a slogan, phone number etc.
Banner text: this area is a rich text module, so you can edit the text in any way you want.
Form: normal form module.
Left Column: the main text area. This area is a rich text module, so you can edit the text in any way you want.
Right Column: the sidebar text. This area is a rich text module, so you can edit the text in any way you want.
Flexible Column: a flexible column where you can add any module you like. Here’s an example of a rich text module (between the main text/sidebar and the footer):
Bottom Logo: normal image module for the logo. It is set to have a maximum width of 250 pixels and a maximum height of 200 pixels.
Social Sharing: HubSpot’s built-in social sharing module.
- Posted by Andreas Westerlund
- On October 22, 2017