The Storyboard editor

Placing and linking nodes

The ShowHow storyboard editor is the core of course editing. This is where you add your scene instance and action nodes to create immersive and engaging learning experiences.  The flow is left to right, so you place your first scene instance or action node on the left and link subsequent nodes to the right. You should end your course on an Ending action. 

You link your scene instances and actions together by clicking and dragging from the connector on the purple connector and dragging the link to the desired connector on the other scene instance or task.


To remove a link, click on it to select then click the delete icon.

You can click and drag your scene node, you can also select multiple by holding SHIFT and drag them together. Or you can hold down SHIFT and dragging a box over the ones you want to move before dragging them. 

Scene Instances

Scenes are short videos or photographs with settings applied in ShowHow to get them ready for the course. Scene Instances are versions of that scene in the course. They can have voiceovers,  hotspots and use just part of the video if required.   You can drag in your scene instances from the Scene Selector.

Scene selector

Scene instances are linked to actions and other scene instances via the connectors.  Connect to the one on the left to start the scene instance, the one on the right is used to go to another scene instance or action when this one completes.  Scene instances can have hotspots, which can also link to other scenes or actions.  

Scene instances with tasks

Scene Instances have their own instructions to show when the scene starts and can also have tasks to find hotspots that need to be completed before the scene finishes. When a scene instance has a task, you will also have correct and incorrect connectors to show feedback or show another scene depending on if the learner managed to complete the task before the scene instance completed.



Use actions to give information, ask the learner to make a decision, or give feedback to a response.  You drag in actions from the actions palette on the left-hand side.

You can decide which action to use and then drag it in.  Your options include: 

  • Instructions:  Short text and/or voice giving the learner some information or instructions. Use at the start to set the scene or introduce the course. Use when hotspots are clicked to give information or use when scene instances complete to describe what is going to happen next.
  • Decision: Give the learner a decision to make with some options. Whatever the learner selects first will happen, i.e. they'll get some feedback, go to a scene instance or another action.
  • MultiChoice:  The learner can select a number of options for a list and then click continue when they are ready. They need to select the correct options to complete the task.
  • Exact Answer: The learner needs to enter a short text answer to complete the action.
  • Response: Give the learner some feedback on a decision or other action and give them the opportunity to explain their thinking. Either enter text or record voice that you can review in the reports.
  • Ending:  The final action to tell the learner they have completed the course. Give some feedback and tell them what they should do next.

Depending on which action you use, you have options to connect to other scene instances or actions. Instructions and feedback don't have options to complete so you have a single out connector. Decisions have choices that can either connect to other nodes independently or for any choices that don't connect to anything you can use the action out connector. 

Multichoice actions have correct and incorrect output connections. You can use these to give feedback and if you want the learner to do the task again, link back to the start of it. 


The toolbar

At the top of the storyboard is the toolbar.  It has the following options:

  • Home: Leave the course editor and return to the home screen.
  • Title: You can edit the course title here.
  • Settings:  Click this button to open the settings panel.
  • Help: Go to the help documentation.
  • Resolution:  view the course media in either default (2K) or High Res (4K)
  • Preload: See the course size at various resolutions and preload the media so it loads faster
  • Preview:  Preview the course from the scene or action selected, or the start at the beginning if no scene or action selected
  • Share: Invite learners to take your course and authors to administer or edit your course. You can generate public links and SCORM files from here.

Course Settings

If you open the Course Settings panel, here are the options you can set: 

  • Title:  Same as the toolbar, keep it short but meaningful.
  • Status: 
    • Draft: Only you can see it.
    • Published: The course is available to other authors in your organization and any learners you have shared the course with.
    • Template: Only available for super-administrators, templating allows you to share the course with other organizations.  You still have this option in the sharing section.
  • Type:
    • Standard: The course is not designed to be used in VR. Runs on other devices such as mobile or desktop.
    • VR:  The course mostly uses 360 images or video and is designed to work in a VR headset.
  • Description:   Here you can describe your course, who it is for, and explain the learning objectives.  You can also mention if there is swearing or upsetting content as a warning.
  • Time required: Give an estimate of how much time the learner should set aside to do the course. We want them to go through it in one go give themselves time to focus on the learning.
  • Course thumbnail: Either upload an image or logo for example, or you can generate course thumbnails when viewing scene instances.
  • Tags:  You can tag your course with labels to help you find it later. These can be used for categories or searching.




Immersive learning platform

ShowHow is the all-in-one platform that makes it easy to create, and deliver, immersive learning experiences.

Get Started for Free