Create online learning content using Storyline 360: Explainer 3 of 10

Time to get interactive!

All our elearning explainers are waffle-free and work-tested. That’s the pixels.cool guarantee!

Create an interactive navigation button


Overview

Name of explainer: Create an interactive navigation button

Creative theme: Creating elearning

Software used: Articulate Storyline

User level: BEGINNER

This is explainer 3 of 10 in this series

This series includes the following explainers:

  1. Create and save a new Storyline project
  2. Add text and AI-generated images to slides
  3. Create an interactive navigation button
  4. Generate text using Storyline’s AI assistant
  5. Embed a YouTube video in a slide
  6. Create animated text and add an AI-generated voiceover
  7. Generate an AI summary of slide content
  8. Create AI-generated quiz questions and add a results slide
  9. Publish the project to the web, a video and to an LMS
  10. BONUS EXPLAINER! AI assistant overview – Use the assistant to generate text, images and sound

The Software

This brand new series of explainers uses Articulate Storyline 360, one of the most popular online content creation tools. It’s part of a suite of programs called ‘Articulate 360’ which also includes RISE (an app for rapid content creation) and the online review and commenting platform Review 360.

You can download a free 30 day demo of Articulate Storyline. This gives you a fully-functioning copy of Storyline to use alongside our explainers (though note the demo comes with a limited asset library of characters, photos and icons, and some themes are ‘locked’).

Over the course of 10 explainers we’ll use Storyline to create a short elearning module including video and sound, and add a quiz and results slide at the end before exporting the package to use in a web browser

The finished product

This is how our Storyline project will look at the end of this explainer series. This project includes sound. Welcome to a short overview of Kindle Direct Publishing!

The YouTube video used in this module was tested as working when this page was last updated.

The pre-requisities

This is a BEGINNER workflow explainer series. It is helpful if you’re already familiar with adding and formatting text and moving and resizing images..

If you’re new to computing, you may need help downloading and installing the software. Start with a search for ‘how do i install Storyline’ or speak with someone familiar with this process already.

Why would I do this?

Modern audiences expect the online learning experience to be interactive. Without any interaction you are effectively creating yet another PowerPoint presentation!

Storyline buttons can be tapped or clicked to ‘trigger’ a specific action. In this case, when the user taps a button labelled START on the first slide, they will be moved on to the next slide.

Once interactions have been added to a slide it’s essential to PREVIEW the project in order to test them. This usually means previewing in a web browser (E.g. Chrome or Firefox).

Let’s do it!

Click the play icon to watch this video. Subtitles are available – Click the settings cog at the bottom right for options. You can also watch this video full-screen by clicking the full-screen icon at the bottom right.

Good to know

In this explainer we added a navigation button to our existing slide:

A screenshot of a Kindle Direct Publishing presentation slide with an open book illustration. A "Start" button is visible, along with a pop-up showing a "Trigger Wizard" for actions.
A screenshot of a Kindle Direct Publishing presentation slide with an open book illustration. A “Start” button is visible, along with a pop-up showing a “Trigger Wizard” for actions.

Triggers can also be used to add additional interactivity. For example:

You can play a video or sound effect when a user clicks a button:

You can jump to a different scene (allowing for branching scenarios):

You can update a variable (for example to track how many times a person has attempted a quiz):

Have a look at Storyline’s full list of interactive objects.

Remember, this is part of a series of explainers – Join us again for the other explainers in this series 🙂

Notes and updates

There are no notes or advisories at this time. This video explainer was last updated in March 2025. This page was last updated in March 2025.

We at pixels.cool are not responsible for the content of any external webpages or software downloaded from third party sites. Links are included in good faith at the time of writing. All explainer content is compiled in good faith using processes and methods used by the team. Modern software offers users many ways in which to accomplish a single task, and for reasons of clarity we choose not to refer to multiple options. All computer users should run up to date virus / security software at all times to minimise risks of data loss.


This is number 3 of 10 explainer videos in this series. Make sure you check out the others!