• Blog

The Simplory HubSpot Landing Page Template

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.


Simplory HubSpot Template
(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):

flexible_column

 

 

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.

 

That’s it, very simple! If you want to view the live demo, please click here. If you want to view the template on the HubSpot Marketplace, please click here.

 

If you have any questions about the template, do not hesitate to contact me by sending me an email at andreas@adeptodigital.com or filling out the form here.

Share on Facebook Share
Share on TwitterTweet
Share on Google Plus Share
Share on LinkedIn Share
Send email Mail
  • Posted by Andreas Westerlund
  • On October 22, 2017

0 Comments

Leave Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts
  • The Demo HubSpot Landing Page Template
  • The Simplory HubSpot Landing Page Template
  • The Beta HubSpot Landing Page Template
  • The Easyrio HubSpot Landing Page Template
  • The 20/80 HubSpot Landing Page Template
Categories
  • Employment
  • HubSpot
  • Inbound Marketing
  • Project Management
  • Uncategorized
  • Web Development

The Beta HubSpot Landing Page Template

Previous thumb

The Demo HubSpot Landing Page Template

Next thumb
Scroll

Adepto Digital logo

© Adepto Digital – Privacy Policy

Contact:

Email: contact@adeptodigital.com
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkRead more