Screen Flip

This article will walk you through the process of adding our brand new Screen Flip component to your ads! This component can be added to any of our Rich Media ad formats.

 

In this article, you will learn:

How to Add the Screen Flip Component

How to Configure the Screen Flip Component Settings

Additional Notes and Tips for Customizing the Screen Flip Component

How to Add the Screen Flip Component

Below you will find a step-by-step process to configure the Screen Flip component:

  1. Choose the ad format and dimensions of the ad unit you wish to add the Screen Flip component to. For guidance on building specific formats, check out this article.
  2. From the left menu, select the components icon component Screen Flip:

    KB-Component-Screen-Flip

  3. Once the Screen Flip component is added to the canvas, you can resize the component as desired, and begin configuration using the right hand component configuration menu:

    KB-Component-Screen-Flip-Settings
    * Note - In order to select the screens to be used in the component ("First Screen" and "Second Screen" options), you'll need to ensure that you have added at least two additional screens within the Screens & Layers panel for each Screen Flip component added to your canvas. Each of these screens can contain the assets/content that you would like to display within the Screen Flip component.

    If no additional screens are added, the "First Screen" and "Second Screen" dropdown menus will be empty.

    The dimensions of each Screen Flip screen should match the dimensions of the Screen Flip component.

 

How to Configure the Screen Flip Component Settings

The Screen Flip component configuration options are explained below:

First Screen

Select the screen that you would like to display on the first side of the Screen Flip component (the pre-flipped state).

Second Screen

Select the screen that you would like to display on the second side of the Screen Flip component (the flipped state).

Direction The direction that the component will flip: Horizontal or Vertical.
Flip On

The action that initiates the screen flip: Timer, Click, or Hover

  • Timer - If timer is selected, a Delay setting will appear, allowing you to set the delay (in milliseconds) until the component flips automatically. This is set to 3000ms by default.
  • Click - The component will flip on user click.
  • Hover - The component will flip on user hover.
Speed The speed at which the component will flip (in milliseconds). This is set to 1000ms by default.
Open Go To Screen Actions in this Component

If selected, you have the ability to navigate to a new screen inside of one of the Screen Flip component screens.

  • For example - You could add an additional screen featuring another rich media component, and add a go to screen action inside of one of the screen flip screens to navigate to the additional screen/component.

Additional Notes and Tips for Customizing the Screen Flip Component

  • You can add multiple Screen Flip components into an ad. There is no limit to how many Screen Flips can be added to a single ad! You would just need to ensure that you have added two additional screens for each Screen Flip component included in your ad unit. Each Screen Flip component will need to have a screen to assign to the First Screen (pre-flipped state) and another screen to assign to the Second Screen (flipped state).
  • Renaming screens is a helpful way to keep the screens in your ad unit organized. Please see our Screens & Layers article for information on renaming the screens in your ad unit.