One of the characteristics that sets the Adtomic service apart from others is that it offers the possibility of showing dynamic ads with personalized creatives. This means that your products will be shown to a super relevant audience with designs made specially for your brand.

This is why, when getting started with our tool, we ask our customers to provide us with an aesthetic lineup so that we can offer them banner alternatives that fulfill their creative expectations.

In many cases, your clients have their own design team and prefer to make their own creatives. To do that, you will need to take a few aspects into account because, even though they’re personalized banners, the dynamic campaigns have their own limitations.

❗️Attention! Whenever you send us your aesthetic lineup or pre-designed banners, we need them to be in an editable format.

What variables can banners have?

A feed of products that include each of your products’ characteristics are uploaded to our tool to be used for the creation of personalized banners. These values will be modified automatically according to the changes that are made on the website and, at the same time, this update will impact on our banners. That means that if, for example, the price of a product is modified in our online store, then the banner that shows that product will be automatically updated, and it will show the new price.

The variables that we extract and that can be used on the banners are:

  • Product image (mandatory)
  • Product name
  • Current price
  • Previous price
  • Discount
  • Price in installments
  • Product brand

Based on all this, you will need to think of designs that can be used as a template in which the different variables are dynamically collected from all the products on your site.

How to think through the design

As we just suggested, the design has to be thought of as a generic template that will work for all the products. Since the variables are dynamic, the specific information from each product will have to be collected.

It is fundamental to bear in mind that the images are dynamically collected from your online store products. This means that we are going to show the products just as they have been uploaded to your site. Designs should be created accordingly based on the product image proportion: if they’re square, if they’re rectangular, etc.

❗️ Attention! It’s very important that all the images displaying the products on the website are the same size.

When designing the templates, you need to think about the position of each one of the variables that we want to show for the 1080 x 1080 pixel-size (carousel ad size).

Carousels are a kind of sequence format in which several products are shown, each with its own link.

For this format, we need 1080x1080 pixel-sized banners.

📌 We recommend showing the previous price, the current price, the discount, or the price in installments. Adding more details would result in an overload of information on the image and it would make it look esthetically messy.

Keep in mind that we are going to show products with or without a discount, meaning that you should have a template for each one of those circumstances.

Without the discount, the banner would look like this. In this case, the circle where the percentage is inserted is not included in the template.

❗️Attention: these banners were designed for square images because that’s how they are uploaded to the website.


Product image overlapping design

Just as we said that it’s important not to invade the space required for the picture of the product, we also give you an alternative where there is a part of the design that is overlapped on top of the image.

❗️Attention: always keep in mind that the product shouldn’t be covered up and that the information put on top of the picture won’t get lost in the background. In this case, for example, the font used for the “before” price is in black, creating a contrast with the background, so it can be easily seen.

Pictures with a transparent background

If the images on your website have a clear background, we can add a background to our banners.

For example, in this case, on the customer’s e-commerce, the product will look like this:

However, in our banners we show it with the campaign color as the background.

In this case, a blue background was chosen but any design you send us can be used instead.

🆎 Font

As for the fixed parts of the banner, any kind of font or variant of such font can be used. Nevertheless, certain restrictions exist within the dynamic variables.

Although on the dynamic part of the banner we can use whatever font you decide, we won’t always be able to use the exact style that you choose. In the following example, the brand logo as well as the hashtag “#STAYATHOME”, are fixed and their font has a texture and fade that cannot be imitated in the dynamic part (the name of the item of clothing).

As far as this goes, we chose to add a design to the static part and leave the dynamic part as simple as possible.

❗️Attention! If the font that you decide to use isn’t a free Google font, we will need you to send it to us.


☑️ Suggestions

Apart from taking these technical issues into account, there are some other suggestions we can make for you to consider when creating your banner designs:

  • Templates should be clear. Don’t overload them.
    The information should appear orderly and understandable at first sight. Take into account that the contact which your potential customer will have with your ad will be very short. Whether or not they pay attention will depend on how striking your design is and on how clearly what you want to communicate is put forward. This will depend on the order in which the information is displayed.
  • Show the price or highlight the discount.
    In dynamic ads, it’s important to show the price of the products, because this results in a greater conversion rate. Still, we understand that there are brands, especially in clothing, that decide not to show their prices. In that case, we recommend focusing on the percentage of the discount, when the product has one. Playing with sizes and colors can also be helpful.

👀BE CAREFUL! Really think through where to place the discount badge. For example, if you are thinking on going with the carousel design so that the discount shows up on the upper-right part, you should consider that –if shown on Instagram– it will overlap with the slide counter and the discount won’t be seen.

  • Switching out banners
    Whenever you have something different to communicate (such as an event or a season of discounts) or a new brand campaign, it’s best to create a new design, especially so that it will match with the aesthetics of your other channels.
  • If the images on your website don’t convince you, you can upload custom images to our app to improve the aesthetics of your ads. It is often best to show these without a template because they are very polished and striking. Learn more about this function and its application on this article.

Whenever you know where to place the dynamic variables on the banner, you can play around with the esthetic design and communicate all your website’s products with your brand’s esthetics.

Did this answer your question?