Create a Basic Walkthrough

Applies to: VisualSP

A walkthrough can highlight specific sections of an application interface, providing on-screen guidance to your users at their moment of need. You can see an example of how this could load on a Microsoft 365 page here.

To create a basic Walkthrough, go to the VisualSP Help System Management tab.

Note

Only users with editor or administrator permissions can be able to see the ellipsis and create help items.

  1. Click on the 3 ellipsis.

     
  2. From the drop down menu, click on Enable Edit Mode.

     
  3. Then click Add Item.

     
  4. Select the Blank Help Item template.
  5. Select the Walkthrough Media Type. Add a title (required) and description (optional) to your walkthrough. Click the Switch to Walkthrough Builder button.

     
  6. Add a Title and your Content.

       
  7. Toggle Show As Splash Screen to display the step as a splash screen, or click Select Element to attach the step to an element on the page. In this example we will click Select element. The Editor window will minimize.

     
  8. Select a 1) Target Element, e.g. Email, phone, or Skype field. Then choose to 2) Capture Screenshot and finally click 3) Use It! The walkthrough editor window will re-open.

    The Capture Screenshot feature allows VisualSP to capture a screenshot of the current window to assist in training documentation

  9. Click the Preview button to check your work.

     
  10. This is what our walkthrough looks like so far.

  11. The walkthrough step will appear below the selected element by default. You can change the position of the bubble by selecting a different Placement:

     
  12. To add another step, click on Add Step.

     
  13. When you are finished building out your walkthrough, proceed to the Metadata section by clicking the button at the bottom of the Walkthrough Steps window, or in the navigation column.
  14. Select the Group name and Position in Group. This is the category and position your help item will appear in the Help panel.

  15. Click the Save Item button to publish your walkthrough.

Congratulations! You have published your first walkthrough!

This was a tutorial on how to create a basic walkthrough. VisualSP has the power to make your help items more powerful. Dive into these more advanced features:

Updated on November 24, 2024

Related Articles