Skip to main content
All CollectionsSkyPrep Studio
Add Interactive Content in Studio
Add Interactive Content in Studio

Under the Interactive category in Studio add Hotspots, Flashcards, Sliders, Flow Charts and Organization Charts.

Roxanne Advincula avatar
Written by Roxanne Advincula
Updated over a week ago

Hotspot: Upload an image and mark key target zones using the Add Target Zone button.

The Contextual Panel lets you select hotspot size as well as the style. You can also edit hotspot information.

Flash Card: Create deck of cards with terms/concepts at the front and description at the back. Images can also be added to the front and/or back of the card to further explain the term/concept.

The Contextual Panel lets you select a deck style and count style. You can choose to show card count and randomize the card order and if the front and back of cards must be viewed in order to complete the block.

Slider/Journey: Upload a sequence of images and add text descriptions to each. Users can drag a slider to move through the sequence, viewing the images and text descriptions in order.

After adding your first step, you can click on the Add Step button highlighted below to add additional images and text steps to the Journey.

The Contextual Panel contains settings for the look, such as image scaling and the slider color, but also includes two options for Incremental and Continuous modes. Incremental will display each image as separate images when the user scrolls through the timeline, while continuous mode will smoothly blend the images together.

Once finished, users will be able to move through the Journey and view the images and text in order. This is an example using continuous mode, where you can see the images blend gradually as the user progresses.

Flow Chart: Drag and drop different elements onto the page and map out a flow chart. Clicking and dragging the text of an element will allow you to move it, while clicking and dragging on the element shape will allow you to draw arrows to other elements.

The Contextual Panel contains the elements that you can drag onto the chart.

Org Chart: Drag and drop different elements onto the page to create an Org Chart that moves from the top down. Clicking and dragging the text of an element will allow you to move it, while clicking and dragging on the element shape will allow you to draw arrows to other elements.

The Contextual Panel contains the elements that you can drag onto the chart.

Did this answer your question?