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.
- Click on the 3 ellipsis.

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

- Then click Add Item.

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

- Add a Title and your Content.

- 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.

- 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
- Click the Preview button to check your work.

- This is what our walkthrough looks like so far.

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

- To add another step, click on Add Step.

- 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.
- Select the Group name and Position in Group. This is the category and position your help item will appear in the Help panel.

- 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: