Your homepage banner is the first thing visitors see, usually on a small phone screen. How to size, design, write and rotate banners that load fast and actually drive clicks.
The homepage banner is prime space. It's the first thing a visitor sees, often on a phone held in one hand. Yet many stores fill it with a blurry photo, five lines of tiny text, or an offer that ended months ago. A good banner does one job: tell visitors what's new or special and get them to tap.
Technical basics
Size and format
- Use wide images. The Multipurc Learning Center's Aurora guide lists a homepage banner size of 1920 × 480 px; other themes may differ, so check your theme's preview.
- Formats: PNG, JPG or WEBP, with a maximum of 5 MB in CMS → Banners. WEBP usually loads fastest.
- Aim much smaller than the limit. A banner under about 300 KB loads quickly on mobile data. Compress before uploading.
The safe zone
Phones crop wide banners. Keep anything important (product, face, text) in the centre third of the image. Test by viewing on an actual phone, not just a resized browser window.
Message rules
One banner, one message
"New Winter Collection" is a message. "New Winter Collection + Free Delivery + 20% Off + Eid Pre-order + Call Now" is noise.
Big, short text, or no text at all
- If you add text, use five words or fewer and make it large enough to read on a phone, as the Learning Center also suggests.
- Ensure strong contrast: dark text on a light area or light text on a dark area.
- Consider putting the message in the theme's text fields (where available) rather than baking it into the image, so it stays sharp and editable.
Show the product
A clear photo of the actual product or collection beats abstract graphics. Customers want to see what they'll get.
Honest claims only
Don't promise "lowest price in Bangladesh" or "100% original" on a banner unless you can prove it. Banners are your most visible claim.
Setting up banners in Multipurc
- Open CMS → Banners and click + New Banner.
- Set Banner to Enable.
- Drag your image into Banner Image.
- Click Save Banner.
- Use the list filters (placement, status) to manage multiple banners.
On Aurora, you can also toggle homepage blocks (banner, category, products) and upload a banner under Theme → Config.
Rotation: keep banners fresh
An out-of-date banner suggests nobody is running the shop. Plan a simple calendar:
| When | Banner theme | |---|---| | January | Winter clearance | | February | Falgun / Valentine's collection | | 4–6 weeks before Eid | Eid collection | | After Eid | New arrivals / restocks | | April | Pohela Boishakh | | Monsoon | Rain-ready products, if relevant | | October–November | Winter collection, 11.11 offers |
Tip: create the next banner in advance and keep it disabled until the day you need it. When a promotion ends, disable its banner the same day.
How many banners?
- One strong banner is often enough for small stores.
- Two or three in a slider can work if each has a distinct purpose (for example: new collection, a category highlight, delivery info).
- More than three rarely gets seen; most visitors don't wait for slides to rotate.
Banner ideas that aren't discounts
- New collection launch
- Category spotlight ("Cotton panjabi for summer")
- Service message ("Cash on Delivery all over Bangladesh")
- Gifting ideas before Eid or weddings
- Back in stock: a popular item returns
Design without a designer
You don't need expensive software:
- Shoot one wide photo of your products on a clean background in daylight.
- Leave empty space on one side if you'll add text.
- Use a simple design tool with a 1920 × 480 canvas (or your theme's size).
- Export as WEBP or compressed JPG.
Checklist before publishing
- [ ] Correct size; important content centred
- [ ] Under a few hundred KB
- [ ] Readable on a phone
- [ ] One clear message
- [ ] Links to the right category or product, if your theme supports links
- [ ] Claims are true and current
- [ ] End date noted for promotions
Summary
A banner should load fast, read clearly on a phone and carry one honest message. Set it up in CMS → Banners, rotate it with the seasons, and switch off expired offers the same day.