• Blog

The Demo 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 Demo Landing Page Template is a very straightforward template. It includes a header area, a “description text” -area, a form, an image (meant for displaying a dashboard or something similar) and a simple footer area.

This template has three 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.
The Demo HubSpot Landing Page Template

(from top to bottom)
Header Color Picker: use the color picker or add HEX/RGB code to change the header background color.

 

Button Color Picker: use the color picker or add HEX/RGB code to change the form button color.

 

Footer Color Picker: use the color picker or add HEX/RGB code to change the footer background color.

 

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.

 

Header: a header module where you can choose between H1, H2, H3 and H4.

 

Description Text: this area is a rich text module, so you can edit the text in any way you want.

 

Text Above The Form: this area is a rich text module, so you can edit the text in any way you want.

 

Form: normal form module.

 

Laptop Image: image module, optimized for images like the laptop currently there. You’ll find the same image with a blank screen here. If you want to use another image, make sure it’s somewhere around 884px wide and 511px tall.

 

Footer Text: this area is a rich text module, so you can edit the text in any way you want.

 

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 23, 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 Simplory HubSpot Landing Page Template

Previous 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