All Collections
FAQ
Feeds and Dynamic
How to optimize your Display Dynamic ad design?
How to optimize your Display Dynamic ad design?

Bring your dynamic ad design to the next level by applying best practices to them.

Support avatar
Written by Support
Updated over a week ago

Bannerwise offers the possibility to customize your Dynamic ads with complete creative freedom. Considering the fact that your campaigns’ results are for the better part impacted by the looks of your creatives, customization becomes key.

To ensure your design is flawless and can adapt to every single product in your feed, we’ve gathered in this article some best practices to apply:

General settings:

Dynamic ads come in three shapes, rectangles, skyscrapers and leaderboards. You are likely to have multiple of each of these shapes in your set, and we recommend starting with the rectangular ones (300x250, 336x280). This will make it easier for you to translate your concept into skyscraper and leaderboard sizes when scaling your ads.

Give names to your elements:

When building the first size of your dynamic ad, give your elements names that will help you and your team recognize the elements. You can do this by double clicking the specific layer on the stage.

Images:

When using dynamic images, we highly recommend to use images that comply with the following:

  • Make sure that the images links are not broken.

  • Make sure that your images are the same size and same scale ratio.

  • Make sure that your images have the same background or that the background is transparent.

However, not everyone has the luxury of working with product images of the same dimensions and therefore, you may want to use the “Scale to fit” feature for dynamic images. This feature will ensure that all your dynamic product images always fit perfectly keeping their properties.

On the right property panel, under the “Image” tab, select “Scale to fit”.

Text elements:

Each product in your feed most probably has a name, description and price that differs in character length with all the other products and still, no matter how long or short the texts are, they need to display in the same placeholder.

To ensure maximum adaptation when it comes to text elements in your dynamic ads and, to avoid longer texts from not showing completely, enable the feature “Scale to fit”. You can find it under the “Text” tab in the property panel on the right and choose a minimum and maximum font size. The dynamic element will automatically scale up or down within the font constraints.

When using more than one dynamic text element, don’t overlap them. Make sure placeholders have enough space preventing text from hiding/overlapping with each other. Have a look at the image below:

Locate all placeholders inside the canvas ensuring all content displayed in them will be visible and don't place them outside the canvas. Even if the specific dynamic element you see in the design seems correct in Bannerwise, placing all placeholders inside the canvas will avoid longer copies from not displaying. Check out the picture below:

Custom fonts:

When creating a dynamic ad set using custom fonts, keep an eye on how heavy the index file is. If it exceeds 70Kb it may be an indicator that you are using a number of different custom fonts in your banner. Bannerwise can’t do anything else to further compress the font files. We highly recommend double checking over your banner and evaluate if you really need all the custom fonts added.

Removing one or more of your custom fonts and replacing it with a Google font, will reduce the KB size of the index file. You can add Google Fonts in Bannerwise directly from the font library.

Using multiple elements to represent the same product:

It is important to always select the same index for all references. This way, all displayed information matches with the product you’re showing. For example, you want to display two products in your ad, that both consist of an image, price tag, and description. For this, you need to group the first product under index 1 and the second product under index 2.

You can choose the Index number every time you add a new dynamic element to your design or in the property panel on the right:

Before publishing the ads, we suggest to preview them in Bannerwise. You will get a good overview of how the different dynamic elements render in the design and if any adjustments are needed.

That's it! Using the settings mentioned in this article will improve your dynamic ad design.

We hope the information above solved your question. If there is anything else we can help you with, and you couldn't find it in our help center, don't hesitate to contact us by chat. We are always ready to help you.

Did this answer your question?