In certain scenarios, you may find it beneficial for a walkthrough to advance automatically without user intervention. This feature streamlines the user experience and ensures smooth progression through the tutorial. With VisualSP, achieving this functionality is straightforward using the "Click a DOM element if present" event. This guide outlines the steps to configure auto-advancement within your walkthrough.
You'll add this from the Events section of the walkthrough builder. It should be added to the On Show event.
The If selector and the Click selector will be the Done button on a single step walkthrough, or the Next button on a multi-step walkthrough.
First, preview the walkthrough and don't close it out.
Click Select element from the If Selector field.
Use your cursor to highlight and click the Done button (if a single step walkthrough) or Next button (if a multi-step walkthrough)
Then click Use It!
Select the same element for the Click Selector:
Put a number into the Delay field. This is in milliseconds so if you want to have the step close after 2 seconds, put 2000 into the field:
Adjust as needed.
By following these steps, you can effectively enable auto-advancement within your walkthroughs using VisualSP. This feature enhances user engagement and facilitates seamless navigation through instructional content, ultimately improving the overall user experience. Experiment with different delay settings and refine the configuration to suit the specific requirements of your walkthroughs.