Adding User Guide Steps

Written By Steph Blair (Administrator)

Updated at June 20th, 2024

Welcome to this lesson on your User Guide feature in the Support OS system!
User Guides are essential tools for familiarizing users with the app's various features.
 
 
 
 
You can add & edit your custom steps! Whether adding a new step to a premade user guide or starting from scratch, custom steps will help differentiate you from the competition. Each step in a tour can be configured with a title, target XPath (to identify the UI element), placement within the app interface, and content to be displayed.
  • Step Title: The title or name given to a specific step within a tour or user guide. It provides a brief description or indication of the action or task the user should perform.
  • Target XPath: The XPath expression is used to identify the specific UI element associated with the step. XPath is a query language for selecting nodes from an XML document, and in this context, it helps pinpoint the exact location of the user interface element within the application.
  • Step Placement: Specifies where the step should appear within the application interface. It determines the visual positioning of the step relative to the UI element identified by the Target XPath.
  • Tour: Refers to the overall sequence or series of steps that guide users through a particular process or workflow within the application. A tour typically consists of multiple steps, each designed to help users accomplish a specific task or goal.
  • Content: The information or instructions provided to users within a step. This can include text, images, videos, or any other type of multimedia content that aids in explaining the task or action associated with the step.
  • Save

 

To Find the XPath code on the given page, follow these steps:
 
  1. Open inspect tool
  2. right click on element, inspect
  3. Hover over HTML that is highlighted
  4. Right click
  5. Select copy xpath