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:
- 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.
- From the left menu, select the components icon , Screen Flip:
- 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:
* 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.
|
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.
|
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.