Page Comparison

...

1. On the right side, just below the video preview, click on "New Event", to add your first widget;
2. Name the event you are adding and then setup when to trigger it through the timecode;
3. "Save and Add Widget".

Set Up a Widget

After creating your event, you will be prompt to the "Widget Data" page.

Main widget's set up options:

1. Description: name your widget so that you will always be able to recognize it in the future (i.e. CTA, logo, video click...);
2. Widget Type: most of the times you have to select "Instant app" unless you want to create a quiz or a poll which work differently and have their own field in the drop down list;
3. Mode: select "Show" if you want your widget to appear at the selected time or hide if you need to let a widget disappear at the time you chose;
4. Widget ID: if this is you first widget select wcd-1, if it's the second one choose wcd-2 and so on;
5. Name: here you can write the same name you put in the "Description" field;

 Image Removed

...

1. Template: choose from the template drop down list one of the available widgets that most suit your needs (I.e. Interactive Element, Interactive Logo...);

 Image Added

Further widget's set up options:

• Image Link: if yo want your widget to open an external web page when triggered, you need to choose the correct landing page from the ones you set up in the Ad Export page. If you don't know how to do it, click here;
• Event: if you want your widget to trigger another one, choose from the drop down list the right event to associate;
• Event on Hover: you can decide if the event or landing page may be also triggered with a simple mouse hover on the widget;
• Pause on Show: flag this option if you want your video to be paused when a widget is triggered (i.e. interactive card, interactive map...);
• Card: by flagging this option, you will make appear your widget with a white frame like a card;
• Overlay Mode: choose this option if your widget needs to appear in overlay in all your video area. We mainly use this feature when inserting a videoclick on a story;
• Close Button: flag this if you want to add a close button to your widget. By default it will be added on the top right cornet but if you want to change its position, contact us here;
• Close Button Color: if you already selected the previous options, you can also choose your close button color by inserting the respective Hex code;
• Link Social: insert in this field an url if you'd like to allow its sharing on the main social networks (Facebook, Twitter);
• Hover Zoom-in: flag this option if you want your widget to zoom-in when doing a mouse hover on it. This one is available only on desktop;
• Opacity: if you'd like your widget not to cover too much the background video, you may need to choose this option to make the widget appear opaque and become solid only when passing over it with the mouse;
• Layer Order: C-S dynamic stories are all built of many different layers. This drop down list shows numbers from 1 to 10 when 1 refers to the lower layer which can stay in background (i.e. videoclick) and 10 to the top layer that will cover all the ones below (i.e. interactive card);
• Animation: Choose one from the many options in the drop down list if you'd like your widget to appear with an animation;
• Save: when all it's done, click on the "Save" button to return to the main C-S Studio page. You can always come back later to make changes to your widget's set up options.
• 8.  When you are done click Save. You will be redirected to the Story editor. 
  
• 9.  If you want your widgets to disappear at a certain point of your ad, you will need to create another widget event for this and then input the timecode you wish the widget to disappear at..  This is when your widget will disappear.   
• 10.  Select the specific widget type you want to disappear and then under mode select "Hide".  Click save when you are done.
• 11.  After you can resize and repositioning the widget in overlay in the left box.
• 12.  After setting up your widgets, you can preview how they would look like by clicking on the "Open Preview". This will give you a clear idea of how the story rolls out. 

...