Overview

When creating and managing Guides in UserGuiding, you have the flexibility to set delays for specific steps to enhance the user experience. This feature allows you to control the timing of when certain elements of your Guide appear, providing a smoother and more intuitive onboarding process.

Setting a Delay for Guide Steps

When editing Guides through the UserGuiding Chrome Extension, you can specify a delay for individual steps within the Guide. This means that you can configure a particular step to appear after a set amount of time has passed, allowing users to focus on the current content before being introduced to new information. To set a delay:

• Open the Chrome Extension and navigate to the Guide you are working on.
• Select the specific step you want to modify.
• Find the option to set a delay and enter the desired amount of time in seconds. This delay will ensure that the step appears only after the specified duration, allowing for a more controlled and paced user experience.

Setting Delays for Other Materials

For materials other than Guides, such as Checklists or Hotspots, you can achieve similar functionality by utilizing JavaScript. Specifically, you can combine JavaScript’s `setTimeout` function with custom triggers available through UserGuiding’s JavaScript API. This method allows you to programmatically control when certain actions or elements are triggered.

Example of Triggering a Checklist After 7 Seconds:

setTimeout(function(){

    userGuiding.launchChecklist(12);

}, 7000);

'setTimeout' Function: This JavaScript function is used to execute a piece of code after a specified delay. In this case, the `setTimeout` function is set to execute after 7000 milliseconds, which is equivalent to 7 seconds.

`userGuiding.launchChecklist(12)`: This is the action that will be triggered once the delay has elapsed. The `launchChecklist` method from the UserGuiding JavaScript API is used to display a Checklist with the ID of 12.

By combining these techniques, you can effectively manage the timing and presentation of various interactive elements in UserGuiding, ensuring that your users receive a well-paced and engaging experience. Setting delays helps guide users through content in a controlled manner, while the JavaScript approach offers greater flexibility for custom interactions and triggers.