Skip to main content
All CollectionsFAQSocial Dynamic Ads
How to optimize your Social Dynamic ad design?
How to optimize your Social Dynamic ad design?

Bring your Social Dynamic Ads design to the next level by applying best practices to them

Support avatar
Written by Support
Updated over a year ago

Bannerwise offers the possibility to create Social Dynamic Ads for Facebook, Instagram, Snapchat and Pinterest and it lets you fully customize the layout to improve the performance of your ads.

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:

Images:

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

  • Make sure that the image links in the product feed 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 property panel on the right, under “Image” tab, select “Scale to fit”. Make sure the placeholder of the image is inside the canvas. This will avoid any product image of your feed from being cut off when you publish your social dynamic ads.

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.

For 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. Choose now 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:

Just like for image elements, locate all placeholders inside the canvas ensuring all content displayed in them will be visible. 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:

Price "Stickers":

To further customize your Facebook DPA design, you can add a background color to the “price” dynamic value and customize the borders to create a “Sticker”. Because this customisation is part of the dynamic element, the sticker will automatically adapt and scale to the different prices.

You can create these stickers selecting "Style" tab in the property panel and playing around with the features "Fill color", "Border color" and "Border thickness and radius".

And last but not least, we also advise to add a background to your design. It could be a brand color or image. In the example below, we have added a background image and a white shape on top of it:

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

Before publishing your social dynamic 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.

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?