Guide page

A stepped set of content blocks, divided by headings

Overview

The guide page displays a formatted list of content blocks that make up a related flow or sequence. Each block has its own heading. The complete guide has an inline navigation menu that lets users jump to specific sections on the page.

Example

WCMS use

From the Content tree, navigate to the place you want to add the new guide page. Right-click and choose Insert > HCC_Guide page.

Insert a guide page

Not all places (for example News and Consultations) allow creation of guide pages. Think about what is the right content for that section of the site.

Give the page a name, following our standards for page names.

Update the Page title, summary, metadata and other standard fields as described under general page authoring.

The guide page has three main sections:

Introductory text

This field and placeholder allows you to introduce the page. Not all guide pages need an introduction, often the Page title and Page Summary are enough.

The introductory text placeholder allows these renderings:

  • Well
  • Keyfigure
  • Media unit
  • Youtube embed
  • Button - Primary call to action
  • Button - Secondary call to action
  • Alert - Information
  • Alert - Warning
  • Alert - Error
  • Alert - Success

Guide steps

The guide itself is made of guide steps. Guide steps aren't written directly in the page but are made up of a set of HeaderedText content items under Common Content > Text > Guide Steps.

In this field, choose the content items that make up your guide, and set the order they appear. Your guide can have up to 14 steps.

Once done, you can edit the page in Experience Editor and add extra renderings to the placeholder for each guide step.

Guide placeholders allow these renderings:

  • Well
  • Keyfigure
  • Media unit
  • Youtube embed
  • Button - Primary call to action
  • Button - Secondary call to action
  • Alert - Information
  • Alert - Warning
  • Alert - Error
  • Alert - Success

End text or call to action

This field and placeholder allows you to point the user to a follow-on action that they should be encouraged to take. Guide pages should always try to finish with a call to action.

The end text placeholder allows these renderings:

  • Well
  • Keyfigure
  • Media unit
  • Youtube embed
  • Button - Primary call to action
  • Button - Secondary call to action
  • Alert - Information
  • Alert - Warning
  • Alert - Error
  • Alert - Success
MVC.net use
Code
Version and status
  • current version
  • Concept