Purpose
Landing pages are for navigation and to provide an introduction to topics associated with the website or content area highlighted in the landing page.
When to Use a Landing Page
Use the Landing Page content type when you want to briefly highlight a lot of different topics or information and help the visitor link to the detailed information on basic pages, news, events, or lists. The landing page is not used to provide long text or detailed information.
For example, with a Landing Page you can:
- Drag and drop content as opposed to working solely within the parameters of a text editor box.
- Access full-width of a page (optionally, as opposed to defined space reserved for the side navigation)
- Select from more defined sections (as opposed to a more fluid layout)
Important Note: Don't use a Landing Page for low-level, detail pages or content that should use a specific, pre-structured content type (such as Event, News, How Do I, etc.).
Elements of the Landing Page
The landing page a collage of smaller "microcontent" placed on the landing page. The header of the landing page can have a hero image
Landing Pages are not intended to house content, but rather to easily connect users to related content, acting as the starting point for sections of information. Consider Landing Pages a “hub” of related content.
- Landing Pages work well as the starting point for sections of information. They are typically high in the site navigation, have only short blurbs of text, and lots of links. Landing Pages give you control over the layout with stackable sections.
- When developing a Landing Page, use common language that is clear, concise and action-oriented.
- Allow for whitespace.
Do not include:
- Anything that will take much more than a quick glance to comprehend
- Anything someone wouldn’t understand if this is the first page they see on your site:
- Insider jargon
- Detailed explanations or information
Special Tip: To use the Landing Page it is easiest to first build your microcontent like promo or link collections.
There are 3 different Background Color selections that can be used within a Landing Page. Here is a list for you to see an example of the different background colors for the landing page and micro-content:
Short Landing Page Training Video
Longer Landing Page Video
Log in to your site
Everyone who writes things on this website has a special title. These titles give them certain abilities, like who can edit, review and publish what. You can ask for a different title or take one away from someone using the user manager.
Navigate to the Content tab
You can add pages to your website by navigating to the content button but make sure you are logged in so that you can have access to that tab.
You can sort the pages that you've created using the filter button as well as edit the pages you've created for your website by selecting the edit button within the content list page:
(Example of Content list page)
Create a Section, inside a Landing Page
Each Landing Page, can be created as a series of "Sections".
A "Section" may be White, Light, or Dark and will automatically be colored based on your color palette.
First create a Section, and choose which color background you'd like.
Put an administrative label on the section for additional help with organizing your landing pages.
Save changes frequently.
How to add Microcontent to a Landing Page
Every piece of "Microcontent" may be placed (with some exceptions), into an existing Landing Page, which can be done within each "Sections" by creating a new "Block".
To do that you will have to have your landing page created first and then from their the "Layout" tab will be available, this is where you can change the layout and design of your landing page.
Once your section has been created, select the add "Add block" field to pull up your list of available microcontent
Inside that block, you may then choose which type of microcontent, you wish to place inside that block.
We recommend only placing one instance of any microcontent: for example, you would never place three versions of the same exact promo, onto a Landing Page.
Make sure to always select "Save Layout" to save any edits or revisions you've made.
Confirm your knowledge
If you need visual guidance that shows the step-by-step process of creating things for your website make sure to go to our Video Training Page!