Once you created a story you can make it further dynamic using C-S Storyboard, a similar tool to the Journey Designer one (click here to see it) both in term of look&feel and functions.

C-S Storyboard allows you to create dynamic ads based on 1st and 3rd party data for each single impression .With this tool you can design and design a sequence of widgets within a single story and be able to define how widgets behave within a story according to the users' interactions with them.

Image RemovedImage Added

The Storyboard provides a vertical personalization for each story ad and allows you to create dynamic sequences of widgets quickly, without writing a line of code.

With this C-S tool, you can easily setup stagesstages (orange boxes) and conditionsconditions (blue and light blue boxes) through a drag and drop motion. 

Setting up a Sequence

...

SETTING UP A WIDGET'S SEQUENCE

1. Enter the story you want to use and click on the "Storyboard" tab in the navigation menu on the top left; 

2. Firstly, give Give a "Name" to your new sequence;

3. Then you can start to drag and drop Start dragging and dropping all the blocks you need. Remember Keep in mind that every sequence always begins with a should always be connected to the "User Data" block that represents the beginning of the sequence of each single widget.

Image Removed

...

1. for each single story;

2. Once you've added all the stages and their conditions, click on the "Save" button.

Image Added

THREE MAIN BLOCKS FOR A SEQUENCE

When setting up a sequence, you can find three types of boxes:

1. Blue - If Then Else

2. Light Blue - Switch

3. Orange - Stage

...

1. 

...

IF THEN ELSE:

Anchor
ifthenelse ifthenelse

This block allows you to set conditions and sub-conditions to further breakdown your sequence. 
The Storyboard counts more than 30 30 1st party conditions and  and even more more 3rd party conditions that  that can be easily selected through a dynamic  dynamic drop-down list.

These blue boxes allow you to set conditions and sub-conditions to further breakdown your sequence. 

See below how to insert an "If then else" box:

1. To insert an "If Then Else" block just drag and drop the block box on the left top corner into your main framework;

2. Name the block;

3. Define the conditions: you can setup a block box to have a true output if "All", "None", or "Any" of the conditions are met. For a detailed list of all the conditions visit the Conditions section;

4. Save your new blockbox;

5. Each "If then else" block box has one input and two outputs: to link blocks you need to drag and drop the arrow from a block box to another one;

6. The Each box has one input and two outputs  need that need to be connected to a respective block boxes each representing an answer to the current condition. They are:

A. True (green-labeled) 

B. False (red-labeled).  

If this is your first blockbox, connect "User Data" block to it.

For a detailed list of all the conditions visit the Conditions section.

This gif give a sample to Image Added

Above a sample that shows how to set up a condition. In this case it has been chose the "Video ViewRandom Boolean" one at 50%: it will be true if more than 25% of the whole video duration has been seen by the usermeans that the two outputs will be triggered in a random way at 50% each.

2.  

...

SWITCH:

Anchor
switch switch

This block box behaves like the "If Then Else" one with the only difference that here you have one output input and as many outputs you need. 

1. To insert a "Switch" block box just drag and drop the block box on the left top corner into your main framework;

2. Name the blockbox;

3. Define the conditions: you can setup a block box to have a true output if "All", "None", or "Any" of the conditions are met. For a detailed list of all the conditions visit the Conditions section;

4. Save your new blockbox;

5. Each "Switch" block box has one input and as many outputs you want: to link blocks you ;

6. To link all the boxes you just need to drag and drop the arrow from a block box to another one;

7. The outputs need to be connected to a respective block box each representing an answer to the condition. ;

8. If this is your first blockshould be the first box of your sequence, connect "User Data" block to it.

...

1. ;

2. Once you've connected all the boxes, click on "Save".

3.   

...

STAGE:

Anchor
stage stage

This block box represents each single story widget of your sequence. It is key to remember that in a sequence you can add as many stages as the number of stories widgets you have to create created and that you can never put the same stage twice or more.

1. To insert a "Stage" block just drag and drop the block box on the left top corner into your main framework;

2. Name the block box according to the respective stage of the consumer journey in that specific sequence or in a way that you will able to recognize it from the others;

3. Save your new blockbox;

4. Each "Stage" block has only one input and two outputs: to link blocks boxes to their conditionconditions, you need to drag and drop the arrow from a block to another one;

...

1. .

Image Added

After setting the Storyboard, you can always go back and adjust the parts according to your furnished stories widgets or changes you want to make in the sequence.

Thanks to our Storyboard's versioning, you will able to optimize your sequence at any time without losing track of your old sequence: you can save different versions of the same sequence and easily switch from one to another without the need to build a new one. You can create multiple versions of the same sequence both when setting up a campaign and on the flight if needed.
This feature is also particularly useful for those who intend to do any A/B testing during an ongoing campaign to see which sequence might perform better according to campaign's KPIs.

Below is an example of how you can create and connect widgets to make an ad unit interactive for your users.

Connecting Widgets

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.

...

HOW TO CONNECT THE STORYBOARD TO WIDGETS

After setting up your storyboard, you've to link all the stages to the corresponding widget in the story you're working on.

Below we quickly show you how to connect storyboard's stages to their widget:

1. Go back in the Story Editor;
2. Click on "New Event" or hit on the three dots and choose the "Edit" icon if the event you want to connect has already been created

...

Image Removed

2.  Under the "Key Value" box, choose from the list of choices available to associate with a particular event.

...

1. ;
2. Choose the storyboard's stage you want to associate with the current story event by selecting it from a drop down list. You'll have to do this with all the stages you have created in your storyboard;
3. Click on "Save" button;
4. Now hit on "Open Preview" to see how your story evolves based on the events you connected within the underlying rules engine. 

...

Image Added

 SEE ALSO: Storyboard Conditions >>