Interactive Studio

More Features. Better Performance. Amazing Results.

Overview

Welcome to the all new Interactive Studio – we’ve done extensive research on improving our existing Composer and just like Pokémon we’re evolving it to something bigger and better – that’s why this is no longer just a “Composer” – this is now a Studio.

Experience an all new way of creating Interactive content with these new features:

  • Import all of your media files at once – from right within the Studio*
  • Experience Live previewing of Interactive overlays
  • New Interactive features like Open Question Data Capturing 
  • And much more!

In the guide below, we’ll cover just the basics of using the Studio for creating (or editing) Interactive Videos, but the best way to learn is to just dive right in and try it out – and we encourage you to do so. We believe the new Interactive Studio is just that easy.

Compose

We sprinkled this section with a bit of fairy dust, so the magic really begins when you select the “Create New” button (or open any of your existing projects). Dive immediately into your project where you can search, select and add all of your media files at once (and, don’t forget to add some fairy dust of your own – get creative!)

Right away you’re thrust into a single-focused workflow, allowing you to work without distractions.

Your project title is displayed at the top left – where you can simply click and type to change it.

The best part? All of your changes are saved in real-time! You should no longer fret about losing your work because you forgot to select “Save” every few minutes. All projects are treated as Drafts until you’re ready to “Save & Publish”. If you haven’t given your project a name yet, no worries! We’ll save it automatically as “Untitled ##” until you’ve come up with that perfect name. (Perhaps something with a Cat in it…)

Segments

Interactive Studio - Segment Bin

The Segment “bin” is always within reach in a collapsable panel on the left-hand side of the screen. As you add your media files, each one will act as their own “Segment” that can be stitched together through interactivity. You may drag and reorder items in the bin, as needed.

Remember, the first Segment will always be the “Intro”. Everything else will be determined by the interactive journey (aka “branches”) that you create.

Editor

The composer or “Segment Editor” offers a focused and distraction-free canvas for you to “Get Interactive”.

Toolbar

Interactive Studio - Composer Toolbar
  • Name: Give your segment a friendly name to help yourself stay organized and provide easier reporting.
  • Reset Interactivity: This removes all interactivity from a segment. Note, this will not affect any Languages or Ending configurations you have added.
  • Delete: Permanently remove a segment from your project.

Video Player

Each Segment video will display in real-time on the canvas, providing you options to add Languages and configure what happens when the Video Ends.

Video Details

Expand the “Video Details” panel to:

  • Replace: Select a new video from the Media Library to swap while retaining all Interactive settings.
  • Add Language: Add Captions (Subtitles) to your video. Choose the language to add and select a file from the Media Library. You can add as many languages as you want!
Interactive Studio - Video Details
When Video Ends

Based on the creative needs of your project, you may wish to configure how a Segment ends. 

  • End (Which sets the video to “Completion” – which will take the user to the next Chapter part or Test)
  • Pause (for Interactivity – this will pause at the very last second of the video)
  • Loop (Replay a Portion of the Video)
    Here you can set a time in the video you would like to automatically jump back to whenever it reaches the end of playback – this creates an infinite loop until the user makes a selection. It’s a really cool way to make your interactive videos seem “alive” – like the talent on screen is waiting for you to make a decision!
  • Redirect (to Segment or URL)
    Redirect the user when the video reaches the end of playback. Choose to select a video from the Media Library, an existing Segment or enter a URL.

Note: By default, all Segments are set to “End (Set Completion)”. If you are adding Interactivity to a Segment, then it will automatically change to “Pause (for Interactivity)” as a default.

Get Interactive

A video is only a linear static message until you “Get Interactive”. Choose the type of interactivity your Segment needs and take your users on a journey.

Multiple Choice

With Multiple Choice, you are able to display a Question and up to four “Answer” options a user can select from.

Interactive Studio - Multiple Choice

Question: Enter your question text (max of 250 characters)

Answers: Add up to four options

  • Answer (Label): Displayed in the button on screen and – keep this in mind – in interactive reporting
  • Response: What happens when a User makes this selection – you have 4 options:
    • Play a Video From Media Library
    • Open a Document from Media Library
    • Open a Custom URL
    • Direct them to an (Existing) Segment
  • Duplicate
  • Delete

Settings: Define the layout and display time

  • Layout: Choose Left, Center or Right to best fit your video composition. You don’t want to put questions and buttons on top of your talent’s head!
  • Display Time: Enter or select when the interaction should display on the screen (aka becomes active for the user to make a selection).

Collect Information

One of the most important reasons to use Interactive Videos is the data you gather. With the interactive “Collect Information” option, you have the ability to capture not just open feedback, but also Contact Details. This is an amazing resource for lead generation.

Contact Details
Interactive Studio - Collect Contact Details

Asking a user to watch a video only to then be redirected to a new page to complete a form is bound to see higher falloff rates. Why not collect that valuable info directly within the video itself, in the moment?

Details: Toggle on the information you’d like to capture in that Segment

  • Name: Collect names (no validation)
  • Email: Collect email address (automatic validation for proper formatting).
  • Phone: Collect phone numbers from across the globe.
  • Button Label: When capturing more than one field, you may customize the “Submit” button to reflect your Call to Action.
  • Button Color: Choose between your Theme’s Primary or Secondary color.
Feedback (Open Ended)
Interactive Studio - Collect Feedback

Looking for feedback or interested in gauging your audience’s opinion or interests? The “Feedback” or open-ended text area allows you to collect long form responses.

Details

  • What are you asking?: This will display as the placeholder text on the video.
  • Button Label: By default Submit is displayed. You may customize the label to reflect your Call to Action.
  • Character Limit: Optional – set a limit to how long a users response can be.

Settings (Applies to both forms of data collection listed above)

Define the layout, display time and the response.

  • Layout: Choose Left, Center or Right to best fit your video composition.
  • Display Time: Enter or select when the interaction should display (or become active).
  • Response: Choose what should happen when a User Submits their info.
    • Video From Media Library
    • Document from Media Library
    • Custom URL
    • Select (Existing) Segment
Call to Action

Call to Action buttons can be used for drawing Transparent “Hotspots” on your nicely polished video, or for adding Traditional Button overlays without the question text.

Button Style

First, you’ll need to select the Button Style. Why? Well, simply put, you can have unlimited* Hotspots, but only four Traditional buttons work best across all screen sizes.

  • Transparent: This is your Hotspot – an invisible button that users can select to “trigger” a response.
  • Traditional: Add, position and display up to four Primary or Secondary buttons over your video.
Transparent

When adding a Transparent button, you can resize it and position it anywhere over your video using the live preview in the video player. Simply grab the edges of the button and drag to size. To move it, click and hold inside the button to drag it around.

  • Action: Enter the action or question you’re asking users. This will help with reporting.
  • Response: Choose what should happen when a User Submits their info.
    • Video From Media Library
    • Document from Media Library
    • Custom URL
    • Select (Existing) Segment
  • Display Time: Enter or select when the interaction should display (or become active).

Copy From Existing Segment

Save time by copying the Interactive settings from another Segment. All actions, layout and display time settings will be copied directly to the new Segment. Make adjustments as need and breeze right through your project.

Preview

At any time while composing a project, you can select “Preview” to experience your Interactive Video to ensure the journey you’re mapping is guiding users as expected.

To return back to your work – right where you left off – simple select “Exit Preview”.

Interactive Studio - Preview

Currently Playing

Know the segment you’re watching and review that all your Interactive settings are set correctly.

  • Segment Name
  • Video Ending
  • Type of Interactivity
  • How many Interactive Options
  • Details
    • Answer or Action Option
    • Destination
  • Edit Segment

Video Player

Interact with your Video just as your users will.

Save & Publish

When you’ve completed your Interactive Video and you’re ready for the world to engage, simply select “Save + Publish” at the top-right. Give your project a friendly name (if you haven’t already), select continue and that’s it!

Interactive Studio - Save & Publish

Your Interactive Video is saved directly to the Media Library. Now, copy the link and add your Interactive Video to a Course or Landing Page.

Related Articles