Interactive Studio

More Features. Better Performance. Amazing Results.

Beta Release (November 23, 2021): You may notice a few changes in the Interactive Studio, like a new “Pathways” tab. We’re rolling out an early development release for a game-changing feature. Full details will be added here soon, so please check back. In the meantime, get creative and build something fun! We think it’s pretty intuitive. Let us know what you think.

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.

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…)

Pathways

Interact with the screenshot below to learn more about each section of Pathways:

Select a blue orb to review more information

Segments Panel

Segments are the core of your interactive video experience. All of your project segments are listed in a condensed and easy to scan panel affixed to the left-side. Each segment is represented on the canvas as a video node with title. Organize your project as needed by dragging segments up and down.

Note: Keep in mind when moving segments, as the first segment in the list will always be the “Intro” (where users begin their journey).

Add Your Media (Nodes)

When working in Pathways, you can quickly add videos (or segments) and other interactive responses – like Web Pages and Documents – simply by dragging them onto the canvas; even automatically create interactive connections by dropping a new media node onto another.

If you have all your videos ready, quickly add them all to the canvas at one-time by using “Bulk Video Selection”.

Pro Tip: Check off the videos in the order you want them to appear in the segment panel.

The Star of the Show

Each Node (aka Segment) is like a stepping stone along a user’s journey in the interactive experience. That journey begins with the first segment which is identified on the canvas by a blue badge with a flag.

The Pathway

Quickly create an interactive pathway by dragging an “arrow” from the edge of a node and connecting it to another; double-click to delete.

Note: When selecting a node, all connections leading from that node will be highlighted for easily finding its interactive responses.

Resources & Exit Points

External Web Pages and downloadable Documents are represented only on the canvas and not within the segment list, as they are rather attachments and exit points used to help visualize the user’s entire journey.

A Web (URL) node will display in a hexagon shape, while Document nodes display as vertical sheets of paper.

Pathways leading to resources are dotted to help you differentiate “exit points” more easily.

Canvas Controls

Although many of its functions can be controlled with a mouse and keyboard, the Canvas Toolbar offers a visual control to perform the following actions (from left-to-right):

  • Zoom-In
  • Zoom-Out
  • Fit to View (zoom to fit your entire project in view)
  • Clean Up (organizes your canvas horizontally or vertically)
  • Redo
  • Undo

Segment Editor

The Segment Editor offers a focused and distraction-free art board to “Get Interactive”.

Titlebar

Interactive Studio: Segment Titlebar
  • 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 and 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.

Updated on February 3, 2022

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support