How to Set Up the Interactive Demo in ProProfs Knowledge Base?
The Interactive Demo turns your Step-by-Step Guide into an autoplaying walkthrough that guides readers through every step without them having to click forward. The walkthrough settings — including timing, looping, and autoplay — are configured in the guide editor.
What Is the Interactive Demo?
The Interactive Demo is a playback mode built into every Step-by-Step Guide. When enabled, it auto-advances through your steps — showing each screenshot with its elements (Click markers, Highlights, Annotations, and more) for a set duration before moving on. You turn it on with a single toggle at the top of the guide editor.
Why Use It?
A step list works for readers who go at their own pace. The Interactive Demo is better when the experience needs to run itself:
- Embedding on a landing page or help widget: An auto-playing demo keeps visitors engaged without requiring any clicks.
- Running a live product demo or onboarding session: Let the guide play while you talk through it.
- Non-technical or first-time users: Remove the effort of navigating — the demo runs on its own.
Example Use Cases
- Customer success team: Embeds an Interactive Demo on a help page so new users watch the onboarding flow automatically on arrival.
- Sales engineer: Sets the demo to loop during a product booth so it runs continuously without manual input.
- Product team: Sets step duration to 5 seconds so reviewers have enough time to read each annotation before advancing.
How to Set Up the Interactive Demo
Step 1: Open your Step-by-Step Guide in the ProProfs Knowledge Base editor.
Step 2: At the top of the guide, locate the Enable Interactive Demo toggle.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1LzIwMjYvaW1hZ2UoMzApLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4MjMwMzQ5OH19fV19&Signature=PBlq~1o32ph~ATG~WbJVxYSBnoXLA2h5sZwt8sEVS3QCvUW5~~FxwsiKpm~PfJJ3jwWl-RK0qvjt~5V1gpgugIotGwsRzeIma2A2UPGBlgpcJaK9kv-YM7Z3kYzEUj-17c9uWcJd48gammk01NOZ5SW-W4mO4W8JtqDRF27LEszmV4L9H0WdjBOkPGdEps~Hf~lCol7viT0QWJH3548jtMgG9njOEhDBSA8y9f8FkiRz3Ew9YQpXbMdDzf4K2fGMAIhqWChMu5MIAVb7E8jILUCHbyu8cuqPt5JSMAhVevMAsvp6sFWbSno-CxnEZLIu3UORHiLyyJTGadWmLy2TZA__&Key-Pair-Id=K2TK3EG287XSFC)
Step 3: Click the gear icon (⚙) next to the toggle to open Walkthrough Settings.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1LzIwMjYvaW1hZ2UoOTIpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4MjMwMzQ5OH19fV19&Signature=eOp6sFmFroQtxrJ6T7XqHDVU6jX1wRcQaCB4RHf4KjiPfLmOf8xtuAzkDhrKTbS6Ooln5zyz9zoVP9XI1RpVREUXPnK58WRZHbVew0NuTBx06JsDpqSi0XyPErQFGTfEx8otjIzaRFEin~~abPp9Ib0jMUL7wVI4FTC-Fi2z3qYmMpFGSHvvaunB9e~iQHcp3w77d3OsmjDk5Rx6ICsTFkPneBJ-lRN3WmIswjfLe5l8xS5XrmrnDi9AoKqpKO4hf7iueYM22ETsQa5Edsq0KF9r3u-SFOh-NNzmiLiQ3ltFGolX6~A8uL90Q-Oqu~snYck8RCygUQ-uBcr-Ms9nDQ__&Key-Pair-Id=K2TK3EG287XSFC)
Configure Walkthrough Settings
Step Duration: Controls how long each step displays before auto-advancing.
- Default is 3 seconds.
- Increase to 5–7 seconds for steps with longer annotations or detailed descriptions.
Loop at End: When on, the walkthrough restarts automatically after the last step.
- Turn on for continuous demos on landing pages or product tours.
- Leave off if the guide ends with a specific action you want readers to take.
Autoplay: When on, steps advance without the reader clicking.
- Turn on for a fully hands-free experience.
- Leave off to let readers advance manually at their own pace.
How to Manage Individual Steps
Click the three-dot menu (⋯) on any step to access step-level options:
- Copy Step: Duplicates the step within the same guide.
- Skip in Walkthrough: Excludes the step from Interactive Demo playback — it stays visible in the step list.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1LzIwMjYvaW1hZ2UoMzgpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4MjMwMzQ5OH19fV19&Signature=l-gj0BLbPcn-PbQIBRZaMu7iFhwp~G6~cjni0Buqjrg8yg1-VXlpS0NhZKWBG82c5jlZ3OkY4jTN-tn0Us6YKAXWUQmK4UEvtePRcu7tiJTNWitWeWVmpRJwW2vSSnQMKrOUBs3D7jC4QUFDgtRC~XfjhnvBgfzDjfcy9G26UbWpJkQOKaFM0E~8hVGcnXBpjJ3YzqKYXleBchXjmKZRnvFmxO9GYuktTlTMLmyEQJypcj1I85qAu4lgPZGbOhUYtv83sKqpbbX0DA~dzsozspolCEB1cfjT1KvsokZtokBayCjx~uwXVrwaxEBAUrUepTfIAf5h0Z1PSa3uOMwJ0A__&Key-Pair-Id=K2TK3EG287XSFC)
- Hide from Step List: Hides the step from the reader-facing list — it still plays in the walkthrough.
- Delete Step: Permanently removes the step from the guide.
Tip: Use Skip in Walkthrough for transition or loading steps that would disrupt the flow of the demo but are still useful as reference steps.
Preview and Publish
Step 9: Click Preview to see how the guide and Interactive Demo look to readers before publishing.
Step 10: Click Publish when the guide is ready to go live.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1LzIwMjYvaW1hZ2UoMzcpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc4MjMwMzQ5OH19fV19&Signature=JEOebdnfWfauGaiDi1iQbTJkjNDJh6BY~vfhIkg3y3ABx5SYBKL7ZEAg9UE~9hpFHIbV2OWqWQ2ptQNDjnYcP2uls~S2gHkSp1AtYQq7HH1lrRYdgqcuJquYVBCzvV7m2qpfuotX2bmG7UPUMKxRdHCpMJdLsAj-z3yAPBWXnwU8Q5Ranxo4l2ApFLJwbfQNHe2gZr8TSTamCUcXGff34NEj-CqWpzDC0W~oAwjrjWYouOlAwUoWkD6gJQlUoyMMWc9MNNlinh85SDeTOHEx8CG2uk5wO25O~dAcOcvT0GbColO-Bs2a0q1aMjPukukWpMcE6Na52zoMwBm5Qlv9MQ__&Key-Pair-Id=K2TK3EG287XSFC)
Your Interactive Demo settings are saved to the guide and stay active every time a reader opens it. If the walkthrough isn't playing as expected in preview, check that Autoplay is on and no steps are accidentally set to Skip in Walkthrough. Still stuck? [Contact our support team] and we'll take a look.
You might also find these helpful.
- How to Create a Step-by-Step Guide in ProProfs Knowledge Base
- How to Add Elements to a Step-by-Step Guide