Showcase

Owned by Antonio Capone (Unlicensed)
Last updated: Jun 26, 2023 by Radiya Munira Khan (Unlicensed)
13 min read


FOLLOWING YOU CAN FIND C-S SHOWCASE WITH ALL THE AVAILABLE WIDGET'S TEMPLATES:

INTERACTIVE HOTSPOSTS

Template: Interactive Button Fe5

Hotspots can be placed anywhere in the video and are typically used to trigger another event when clicked. Hotspots are used to highlight other elements within the video ad.


Assets
Required:

- None

*Widget Options:

- Color: Any RGB Color
- Stroke Size: 1px to 10px
- Hotspot Size: 10px, 20px, 50px, 80px, 100, 120px
- Hotspot Animation: Puff/Ring
- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interactions trigger an event or clickthrough
- Pause on Show: Often used when the widget has been triggered



*Each option needs to be communicated when creating the ad format.

See Interactive Hotspot preview here\


(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE CTA

Template: Interactive Element FE5

Interactive CTA is used to open a landing page but can also be used to trigger another event in the ad. Each CTA can direct to a unique landing page to redirect traffic from the ad to the appropriate part of an advertiser’s website.


Assets Required:

- One or more images
- File Type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB
- Dimensions: Any

*Widget Options:

- Pause/Play on Click: Yes/No                             
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered
- Hover Zoom-in: Define wether the widget zoom-in when hovered
- Pause on Show: Often used when the widget has been triggered


*Each option needs to be communicated when creating the ad format.

See Interactive CTA preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE LOADING

Template: Interactive Loading Fe5

Interactive Loading is used at the beginning of the ad in order to inform that the video is interactive/shoppable/personalized. The interactive loading appear at the beginning of the ad and disappears within 1.5”.


Assets Required:

- One or more images
- File Type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB
- Dimensions: Any

*Widget Options:

- Suggested Text: Interactive Ad, Interactive Video, Shoppable Ad, Shoppable Video
- Clickthrough: Define whether loading is clickable or not


*Each interactive loading can have its own text underneath.

See Interactive Loading preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE GALLERY

Template: Interactive Gallery Fe5

The Interactive gallery is used to showcase different products, services, movie characters and more. Each image of the gallery can redirect to a specific landing page or trigger another event within the ad unit. 


Assets Required:

- File type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB
- Dimensions: Any
- Number of images: Min: 2 - Max: 40

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered
- Hover Zoom-in: Define wether the widget zoom-in when hovered
- Pause on Show: Often used when the widget has been triggered


*Each option needs to be communicated when creating the ad unit/format.

See Interactive Gallery preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

 ADD TO CALENDAR

Template: Interactive Calendar Fe5

Add to Calendar allows users to save an event to their calendar of choice across both mobile and desktop. The Add to Calendar feature is used to record events such as: product launches, movie premieres, sales, etc.

Assets Required:

- File type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB - Dimensions: Any
- Images: 1

*Widget Options:

- Pause/Play on Click: Yes/No
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.
- Date and Time of the Event
- Description of the Event: max 100 words
- Location of the Event
- Duration of the Event
- External Link: specific website url

*Each option needs to be communicated when creating the ad format.

See Add to Calendar preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE MAP

Template: Interactive Map Fe5

The Interactive Map, powered by Google Maps API, is used for drive to store campaigns or to support the launch of a new store, restaurant, or other points of interest.

Assets Required:

- None

*Widget Options:

- Pause/Play on Click: Yes/No
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Pause on Show: Often used when the widget has been triggered.
- Background Card: Any RGB color or no card at all.
- Map Close Button: The top right “X” can be changed to any color.
- Location to be Shown: Can be a single address (ex. 666 Park Ave, NY), a place of interest near the user (ex. McDonald’s near me), or a place of interest in a specific location (ex. Nike Stores in Manhattan).



*Each option needs to be communicated when creating the ad format.

See Interactive Map preview here.  

 

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

SHOPPABLE PRODUCST

Template: Interactive Element Fe5

Shoppable products are used for campaigns that promote a new product or lines of products. Each shoppable product can have its own landing page. Shoppable products can also be dynamically inserted on the video through an integration with client’s database.


Assets Required:

- File type: .png, .jpeg, .ai.
- File Size: min 15kb - max 2MB.
- Dimensions: Any
- Number of Products: Min. 1 - Max. 100 (no limit with database integration).

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough.
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.



*Each option needs to be communicated when creating the ad format.

See Shoppable Products preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE FORM

Template: Interactive Form Fe5

Interactive Forms are used for lead generation campaigns across a variety of industries (automotive, financial services, telecommunications, etc.). With the interactive forms users can easily fill out a form without leaving the video at any moment across both mobile and desktop.


Assets Required:

-Thank You Card to confirm form submission.
- File type: .png, .jpeg, .ai.
- File Size: min 15kb max 2MB

-Dimensions: any


*Widget Options:

- Pause/Play on Click: Yes/No
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Pause on Show: Often used when the widget has been triggered.
- Form Close Button: The top right “X” can be changed to any color.

*Each option needs to be communicated when creating the ad format.


Interactive Form Specs:

- Title: No longer than one line.
- Fields: Name, email, etc. Define if mandatory fields or not.
- Disclaimers/Terms/Privacy Infos: No longer than 300 words.
- Submit Button: 2/3 Words Max. Define color and size.
- Data Transfer: FTPS or Web service. Each option is analyzed case by case and may be subject to additional costs.

See Interactive Form preview here.


(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE CARDS

Template: Interactive Card Fe5

Interactive Cards are used to provide more details about a product, a movie character, a service and more and are usually triggered by another widget. By default, interactive cards contain an image on the left side, a text on the right side, and a CTA on the bottom right corner. However, Interactive Cards are highly customizable through the editor setting and additional css.


Assets Required:

- One ore more images.
- File type: .png, .jpeg, .ai.
- File Size: min 15kb - max 2MB.
- Dimensions: Any
- Text: Optional.
- Suggested CTA Text: Learn more, Shop Now, Visit Website.

Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough.
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.
- Card Close Button: The top right “X” can be changed to any color.

*Each option needs to be communicated when creating the ad format.

See Interactive Card preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

VIDEO CARDS

Template: Interactive Video Card Fe5

Video Cards are used are used to enrich the ad with more engaging content on top of the video content in the background. Video cards are usually triggered by another widget. There Is the possibility to have more than one video card viewable at the same time.

Assets Required:

- One video.
- File type: .mov, .mp4.
- File Size: max 3-5MB.
- Dimensions: 16:9 or 9:16

*Widget Options:

- Pause/Play on Click: Yes/No
- Event: Define whether the interaction triggers an event.
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.
- Card Close Button: The top right “X” can be changed to any color.
- Video Loop: Define wether the video should loop or not.
- Sync Videos: Decide if the video card should be synchronized with the original video.
- Show Controls: Decide if play/pause controls should be viewed.

*Each option needs to be communicated when creating the ad format.

See Video Card preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE SLIDER

Template: Interactive slider Fe5

The interactive Slider widget allows you to show the before and after versions of an image/video by simply sliding over them with mouse on desktop or finger on mobile. This widget will give you the unique before and after perspective of two different views, along with customization options. Applicable across both mobile and desktop, the Slider widget is often used to launch new products and more.


Assets Required:

- Video/image: 2 videos or 2 images.
- File type: .mp4, .mov (for videos), .jpeg, .png, .psd (for images). - File Size: min 3 - 5MB (for videos) 15kb-2MB (for images).
- Dimensions: Any.


*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough after the background image has been revealed.





*Each option needs to be communicated when creating the ad format.

See Interactive Slider preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

SCRATCH AND REVEAL

Template: Interactive Scratch Fe5

The Scratch and Reveal is used to unveil new products, promotions, and more. Applicable across both mobile and desktop, users scratch an image placed in the foreground in order to reveal the background image underneath.


Assets Required:

- Images: 1 for the foreground and 1 for the background.
- File type: .png, .jpeg, .ai.
- File Size: min 15kb - max 2MB.
- Dimensions: Any. Both images need to have the same dimensions.
- Cursor: Available only on desktop, the cursor can be customized and substituted with an image (e.i. an eraser)

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the interaction triggers an event or clickthrough after the background image has been revealed.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.



*Each option needs to be communicated when creating the ad format.


See Scratch and Reveal preview here.


(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

INTERACTIVE SIDEBAR

Template: Interactive Sidebar Fe5


The interactive bar can be placed bot to the left or the right of the video ad and it is used to show more information about the content of the video. Each icon can trigger another widget or open a specific landing page. The interactive bar opens up when triggered and can be closed when the user clicks or taps on the arrow.


Assets Required:

- File type: .png, .jpeg, .ai.
- File Size: min 15kb - max 2MB.
- Dimensions: Any
- Number of Icons: Min. 3 - No Max.

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the icons triggers an event or clickthrough once clicked.
- Pause on Show: Often used when the bar starts closed.
- Color: Define the color of bar.
- Open/Close: Define whether the bar starts open or close.
- Arrow: If the bar starts closed, an arrow is added so that users can open it and close it. Define the color of the arrow.



*Each option needs to be communicated when creating the ad format.

See Interactive Sidebar preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

 

INTERACTIVE TOPBAR

Template: Interactive Topbar Fe5

The interactive Topbar can be placed on top of the video and it is used to show more information about the content of the video. Each icon can trigger another widget or open a specific landing page. The interactive bar opens up when triggered and can be closed when the user clicks or taps on the arrow.

Assets Required:

- File type: .png, .jpeg, .ai.
- File Size: min 15kb - max 2MB.
- Dimensions: Any
- Number of Icons: Min. 3 - Max. 8.

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the icons triggers an event or clickthrough once clicked.
- Pause on Show: Often used when the bar starts closed.
- Color: Define the color of bar.
- Open/Close: Define whether the bar starts open or close.
- Arrow: If the bar starts closed, an arrow is added so that users can open it and close it. Define the color of the arrow.



*Each option needs to be communicated when creating the ad format.

See Interactive Topbar preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

QUIZ / POLL

Widget Type: Quiz / Poll

Quizzes and Polls are used to engage the user by asking their opinion on anything related to the brand, the content, or the product. Quizzes show if the answer was correct or wrong, while polls show the percentage of answers each option received.

Assets Required:

- Question: Shouldn’t be longer than 6-7 words.
- Answers: min 2 answers - max 6.
-Background Image: Optional. Allows the widget to have a background instead of being transparent.

*Widget Options:

- Quiz/Poll: Define whether the widget is a poll or a quiz.
- Pause/Play on Click: Yes/No
- Event: Define whether answer triggers an event. Each answer can trigger a different event.
- Pause on Show: Often used when the widget has been triggered.
- Color: Define the color of both questions and answers.
- Open/Close: Define whether the bar starts open or close.


*Each option needs to be communicated when creating the ad format.

See Poll preview here.

(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^

DIRECT CALLS

Template: Interactive Element Fe5

The Direct Call widget allows the user to call a number and directly contact a brand's call center or customer service. It is applicable both to mobile and desktop.


Assets Required:

- One Image
- File Type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB
- Dimensions: Any
- Phone Number

Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the icons triggers an event or clickthrough once clicked.
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.




*Each option needs to be communicated when creating the ad format.

See Direct Calls preview here.


(info) Below you can find a sample but you can select more options that you can find in the Widget page.



Back to Templates List ^

APP DOWNLOADER

Template: Interactive Element Fe5

The app downloader allows the user to reach Google Play or Apple Store in order to download the application on his device (mobile and desktop).


Assets Required:

- One or more Images
- File Type: .png, .jpeg, .ai
- File Size: min 15kb - max 2MB
- Dimensions: Any

*Widget Options:

- Pause/Play on Click: Yes/No
- Event/Clickthrough: Define whether the icons triggers an event or clickthrough once clicked.
- Opacity: Define wether the widget is semi-transparent and becomes solid when hovered.
- Hover Zoom-in: Define wether the widget zoom-in when hovered.
- Pause on Show: Often used when the widget has been triggered.




*Each option needs to be communicated when creating the ad format.

See App Downloader preview here.


(info) Below you can find a sample but you can select more options that you can find in the Widget page.


Back to Templates List ^


NEXT STEP: Storyboard >>