Connected Stories offers different varieties of widgets that can be implemented in your story. Users can interact with widgets via personalized content and that's what makes a story dynamic.
Below is a sample execution of how to add different types of widgets to your story.
3. You will be prompt to the add widget area. Here you can insert a description of your widget and select the type of widget you want to add.
4. Select "Show" under mode in order to have the widget appear at the time you selected. You will select "Hide" when you want the widget to disappear.
The most fascinating aspect of Connected-Stories is the chance of defining a sequence of widgets based on user interactions. In order to understand and define the logic behind it, we encourage you to visit the Storyboard section.
Here you will see how to actually connect widgets (events) after a storyboard has already been designed for the story.
1. Click on new event or hit on edit if the event you want to connect has already been created.
2. Under the "Key Value" box, choose from the list of choices available to associate with a particular event.
3. Now hit on "Open Preview" to see how your story evolves based on the events you connected within the underlying rules engine.
*FYI: Status/Key Values are the final blocks you placed in the rules engine logic. These are the ones you must connect to a particular event for the dynamic storytelling to be implemented. More of this in the Storyboard.
Here's a list of all the widgets currently available:
*Any other form of widget can be customized according to requirement.
See sample of Poll Companion here
See sample Quiz Companion here
See sample Photo Gallery Companion here
Custom Widgets are built in HTML5 and applicable as a companion or overlay to any kind of format.
The process of adding a custom widget is identical to the one to adding a new widget.
How to add a Custom App to a Story:
*Each new companion content will replace the previous one in the companion area based on the timeline and rules set.
**Overlay:
It is possible to track and assign a Key Value to each instant app. This allows to establish conditions in both the Storyboard and the Journey Designer based on user interactions with the widgets. The Key Value would work as a reference for the condition.
Custom Widget Templates:
A reasonable number of templates are available and ready to be used, together with their relative structure, in the platform.
We continuously add new templates based on feedback coming from our clients and our marketing team. There are two main categories of template - overlay and companion. The former are templates designed to be executed in the alpha channel of a video content; the latter are designed to be placed in the companion placeholders.
Here's the list of current available templates (for updates and new templates, contact your account representative):
*Any other form of widget can be customized according to requirement.
See Overlay Card sample here
See mobile Hidden Overlay sample here
See desktop Hidden Overlay sample here
See Clickable Dots sample here
See Chat Message sample here
See Image CTA sample here
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data page.
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add the widget and select the mode "hide" on the widget data page.
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data
See Single Image CTA sample here
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data page.
See Single Image CTA w Background sample here
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data page.
See Button CTA sample here
See Button CTA 2 sample here
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data page.
See Image CTA with Border sample here
*Note: To make the overlay disappear before the end of the video create a new event, follow the same steps as to add a new widget and select the mode "hide" on the widget data page.
See Image + Text + Button sample here
See Clickable Logo sample here
See Social Sharing sample here
See Button CTA + Icon with Background here