CREATING ENGAGING PAGE TEMPLATE

---

I. Why Use HubSpot Design Tools to Build Page Template?

II. How Do You Build an Effective Page Template?

How is creating page template in Hubspot different from other CMS platforms?

Connecting other Content Management Systems (CMS) to HubSpot requires additional work and cannot use every available feature.

When building with HubSpot, everything just works.

Less time wrestling with code, more time creating optimal experiences.

Whose experience should a designer focus on, when building page templates?

Create a clear, user-focused website architecture and navigation.

What is the fold?  Why is it important?

Another older design principle that’s still pretty relevant today, is to entice visitors to scroll below the fold. Printed newspapers entice a reader to pick it up with important, eye-catching content on the top half or above the fold of the newspaper.

Similarly, entice your website visitors to scroll by having a compelling headline with some of your text, or allowing the top portion of an image to be visible above the fold.

On the other hand, it’s also very important to keep some actionable content above the fold, so that your visitors can understand what the page is about

Social Sharing Modules

Social Sharing
This module enables easy sharing across the end user’s preferred social networks.

Follow Me
This module pulls information from the end user’s Social settings, making it easy to follow their company’s social media accounts.

Navigation Modules

Simple Menu:
This menu is static and used on a page-by-page basis.

Advanced Menu:
This menu can be used on multiple templates in either a horizontal or vertical orientation.

Advanced Modules

Flexible Column:
A column that allows for adding more modules to a group from the Content Editor.

Custom HTML or HubL Template:
A module for adding custom markup and embeddable items
such as a Twitter feed.

Horizontal Spacer:
A module that adds a new DIV to keep two modules separate.
Define how much space in the CSS.

Why is place holder text important?

Add descriptive filler text to a text module to give the content creator an idea of how the module should appear when filled out.

What is a landing page and what does it typically contain?

Blog Content- The most basic element of a blog template. It displays blog posts from the Blogging tool.

Post Listing- Creates a list of blog posts by date or by popularity.

Post Filter-This module creates a list filtered by different criteria, such as authors or topics.

Blog Email Subscription- A simple form that allows visitors to subscribe to the site’s blog.

What are body classes?

vbvjbkjhbjblkj

---