Step guide list

Use step guide lists to allow users to navigate between a process, for example about steps to take for identifying an asthma attack.

On this page

  1    Step 1

  2    Step 2

  3    Step 3

  4    Step 4

 

 

Step 1

Navigation should stand out and be consistent throughout the site.

Step 2

This help users to easily identify content sections that they can jump to. 

Step 3

Navigation should stand out and be consistent throughout the site.

Step 4

This help users to easily identify content sections that they can jump to. 

 

How to use step guide list

Create step guide by identifying and listing steps content section titles at the top of the page (see example on this page). 

Copy and paste style 

Then, add an anchor on each section within the page. EpiServer toolbar will ask you to customise a name for the anchor, please code the anchor with the respective section title without space. For example, code Step 1 anchor as step1 or step_1.

Go back to the content list at the top of the page, add anchor links (matching each title) using the hyperlink options in the toolbar.