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.

hero image check box in a landing page

When you use the hero image checkbox it will cover over (override) the summary field so that is not available to see on the landing page even though you have entered in the edit text. 

Hero image overrides the summary of a landing page

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:

Adding more to your Homepage

Using the layout button is where you can add additional microcontent to your landing page (aka homepage)

Layout button to add more to a homepage

The current list of microcontent that can be added to the landing page are:

  • ArcGIS Visualization
  • Automatic List
  • Data & Insights
  • Callout
  • Google Calendar
  • Link Collection
  • Power BI Visualization
  • Promo
  • Qualtrics Form
  • Statistics
  • Tableau Visualization
  • Video Promo
  • Visual Link Collection

Note: Video promo's can only be used for landing pages and cannot embed into other content types

Short Landing Page Training Video

Longer Landing Page Video

1

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.

2

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.

decorative

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)

decorative

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.

3

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.

4

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.

Example of landing page layout button location

Once your section has been created, select the add "Add Section" which is where you will be able to pick which color you want your section to be and then you will see the "Add block" field to pull up your list of available microcontent

Example of Landing page section and blocks

Inside that block, you may then choose which type of microcontent, you wish to place inside that block.

example of using the add button to add to a homepage

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.

NOTE: Make sure to always select "Save Layout" to save any edits or revisions you've made.

5

How to Edit Micro-Content on a Landing Page

If you ever need to edit any micro-content on your landing page then you can do that by clicking the same "Layout" button that you selected to add micro-content.

decorative

After you select Layout you can then scroll down to wherever that micro content is and then select the little pin icon and click configure:

decorative

From there a pop up on the side will appear and you can select edit and this will bring up the micro-content where you can make the edits.

decorative

Once you're done making the edits and clicked save for that micro-content you can then click the Save layout button and it will update on that landing page~

decorative