Banners
This guide shows how to add attractive banners next to your Hello Retail product listings. It covers initial setup, campaign creation, and fine‑tuning each banner for the best context.
Before You Begin
Check that your shop is ready:
Template accepts banners (as described in the following paragraph)
Banner sizes are defined in Retail Media → Settings (see “Define Banner Sizes” below).
Adapting your shop template
For your shop template to accept Banner Listing alongside products, there needs to be a few adaptations to your template. You need to make these adjustments in all of the features that you are planning on showing banners in. This includes some adjustments to the template of the Hello Retail Implementation for your shop. To understand what to do you can find some information here.
Of course, our support team is happy to help you with the implementation of this adaptation, once you want to get started with this.
In case you have implemented a full API solution, there are a few more aspects that need to be implemented on your end, check our API documentation.
Define Banner Sizes
Follow these steps for each Hello Retail solution (Search, Recommendations, Pages, Newsletter Content).
Open your shop and locate a Hello Retail listing.
Set the browser zoom to 100 %.
Right‑click the listing and choose Inspect.
In DevTools, click the Select element icon.
Hover over the outermost wrapper of the listing and note the displayed width × height.
Toggle mobile view in DevTools and repeat.
Record every unique size.
For Newsletter Content, sizes appear under Newsletter Content → Designs.
Finally, open Retail Media → Settings → Banner Sizes and add each size. Use a short name without spaces or special characters, such as search_desktop. This is important as those sizes will be used for adapting your shop template for banners.
Create Your First Banner Campaign
Go to Retail Media → Campaigns → Create new → Banners.
Enter a descriptive name such as Summer Sale Campaign
Choose a campaign state:
Review – banners appear only to staff logged in to the Hello Retail Dashboard.
Live – banners are visible to every visitor.
Tip: If you realise a size is missing later, add it under Settings → Banner Sizes and then edit the campaign.
Banner Creation Options
You can provide banners in two ways:
| Premade Images | You already have finished design files. |
| AI generated (coming soon) | Let Hello Retail create banners from your product images and a prompt. |
Manual Upload
Select Manual Upload.
Upload an image for each required size.
Images must be PNG or JPG.
Once you have uploaded all the required sizes you can move on further
AI Generation
The AI Image Editor can create professional banners in minutes.
Pick a banner size to start from.
Provide an input image (upload and/or pick one of your product images)
Pro Tip: Uploading an image can also be used as a stylistic reference for the prompt.Select a style reference out of the provided ones.
Write a prompt describing text, layout, colours, and mood. A good prompt could look like the following:
Create a banner using the provided image. Add the text “New Summer Collection” in bold white Montserrat font, positioned at the bottom-left corner. Apply a transparent black overlay to increase text readability.
Click Generate.
Typically generating all of the images will take 1-2 minutes and will provide you with the full range of banners for all of your sizes adapted.
Not happy? Refine the prompt and try again.
As part of your Hello Retail subscription you have access to 250 tokens for generation per month. They reset at the end of the month.
Set Banner Context and Link
Below the editor:
Choose products that describe the banner context. Their product clusters tell Hello Retail where to show the banner.
This DOES NOT mean that they will replace the product listing for that product within Hello Retail listings.
Add a target URL for the click‑through.
Add more banners if you need different creatives for different contexts (for example Women’s Footwear vs Men’s Accessories).
Adjust other Retail Media settings such as campaign-specific placement, dates or campaign targets.
How Banners Compete with Product Campaigns
Banners run alongside product campaigns. The ranking engine scores them on context relevance. The highest‑scoring item, banner or product, wins the placement.