Skip to main content

Add additional overlay elements

Choose additional overlay elements to your creatives.

Updated over 2 weeks ago

First, read on the why and how of adding an overlay logo and CTA asset. Just to recap: overlays are an excellent way to show something on top of the ad, creating a 3D look and assigning different asset-specific click actions.

When and why are overlay elements useful?

They may come in handy in situations where you need to:

  • Add a header, footer, or sidebar image on top of the ad

  • Showcase your different social media accounts with each pointing to different URLs

  • Shield part of the ad with an overlay, eg a frame with transparent inside area

Add an overlay element

Do the following steps to add additional overlay elements in the Creatives setting section after choosing your layout type:

1. Select the Extras tab.

2. Add a new overlay by clicking on the Add overlay element button

3. Give your new overlay element a meaningful name to help you later better understand which element the ad viewer clicked. The name is later shown in the Analytics events table each time a ad viewer clicks on the element.

Note: After entering a custom name, press enter on your keyboard (or click away) to save the new title. The name must contain at least one (1) character in order to successfully save.

4. Next, drag an overlay image from your Asset library. Alternatively, you can drag the file into your browser or upload it by clicking on the upload icon. After doing either way, the cropping tool window will open.

5. With the cropping tool, you can align, fit, reset, move, and resize the uploaded image in the same manner as the overlay CTA. Click the Save button to close the cropping tool.

Note: Under the Add overlay element button you can see how many additional overlay elements can be added. By default, you can add up to four (35) additional overlay elements to each creative type. Once you reach the limit, the Add overlay element button is not shown.

Edit an overlay element

1. To edit the element's name, click on it. Type the new name and press the Enter key on your keyboard, or click outside the input field to save it.

2. To change the image, drag another image from Asset library or hover over the element and click on the Upload new icon.

3. To change the optimization of the image, click on Change optimization.

4. To adjust the position and size of the image, hover over the element and click on the Edit icon to open the cropping tool. You can click and drag the crop handles or scale the image within the placement area. Click the Save button.

5. If you want to swap assets, use the Drag and drop tool and drag it to another slot.

6. To remove only the image, hover over the element and click on the Clear icon. This will remove the image from the ad. Note: the image will remain in the Asset library.

7. To add animations to your overlay element, click on Animation settings and turn Animations on. You can also copy and paste animations if you click on three dots next to the settings.

8. To remove the element completely, hover over the element and click on the ⓧ Delete icon. This will remove the element (image and name). Note: the original image will remain in the Asset library.

Did this answer your question?