How to Create Player Navigation Intro Tour in Articulate Storyline

Learn how to implement a Storyline Player Intro Tour with Custom JavaScript in your eLearning courses. Follow these two simple steps to enhance your course navigation and engage your learners effectively.
Learn how to implement a Storyline Player Intro Tour with Custom JavaScript in your eLearning courses. Follow these two simple steps to enhance your course navigation and engage your learners effectively.

Are you tired of creating traditional “help” or “how to navigate” slides for your eLearning courses? Look no further! Introducing the Storyline Player Intro Tour with Custom JavaScript.

I’ve created a tutorial that simplifies the code and utilizes backend libraries, making it super easy for you to implement this amazing functionality. You won’t believe how just two JavaScript triggers can achieve this!

Step 1: Create the First Trigger

Create a JavaScript trigger on the first slide, set to execute when the timeline starts. Simply copy the given JavaScript code and paste in it.

Step 2: Create the Second Trigger

Create another JavaScript trigger on the slide where you want the intro tour to execute. Set it to trigger when the timeline reaches 1 second. Copy the given JavaScript code and paste it.

That’s it! By following these two simple steps, you can incorporate this incredible functionality into your eLearning course. It’s a game-changer!

But wait, there’s more!

I have some additional features for you:

You can update the language parameter in the function to match your preferred language, such as ‘english’, ‘urdu’, ‘arabic’, ‘dutch’, ‘spanish’, ‘french’, ‘mandarin’, or ‘portuguese’.

If your course doesn’t include a seekbar, don’t worry! You can utilize the nrzIntroTourWithoutSeekbar(‘english’) function.

Video Guide:

Share this article
Shareable URL
Comments 1
Leave a Reply

Your email address will not be published. Required fields are marked *

Read next