Image Banners
Image Banners let you display one or more images in your checkout, thank you page, or order status page. Add a single image for a static banner, or up to 5 images to activate carousel mode.
You can create multiple banner configs, each with its own images and conditions. When multiple configs exist, the first one whose conditions match is shown. Use this to show different banners for different countries, markets, or customer types.
How to set up
Section titled “How to set up”- Go to Image Banner in the app and select the page type (Checkout, Thank You Page, or Order Status Page).
- Click Create to add a new banner config.
- Configure display settings (see below)
- Add Display Rules if needed.
- Set a schedule (start/end dates) if this is a time-limited campaign.
- Click Save.
- In Shopify, add the Image Banner extension block via the Checkout Editor on the relevant page.
Display settings
Section titled “Display settings”| Setting | Description |
|---|---|
| Status | Enable or disable this banner |
| Images (up to 5) | Image URLs: 1 image = static banner, 2–5 = carousel |
| Show prev/next arrows | Show navigation arrows (carousel only) |
| Auto-advance slides | Automatically cycle through images |
| Slide interval | Seconds between auto-advances (carousel only) |
| Aspect ratio | 16:9, 4:1, 3:1, 2:1, 1:1, or 4:3. Choose to match your image dimensions. |
| Caption text | Text shown below the image or carousel |
| CTA button text | Label for a call-to-action button |
| CTA link URL | URL the CTA button links to |
| Conditions | Only show when cart matches conditions |
| Schedule | Optional start and end date for time-limited campaigns |
- Works on checkout, thank you page, and order status page, each with separate configs.
- Multiple configs per page type supported; the first condition match wins.
- 1 image = static banner. 2–5 images = carousel mode.
- Carousel options (arrows, auto-slide) are disabled when only one image is added.
- Images are entered as URLs. Self-hosted or CDN links are required (no direct file upload).
- Conditions support AND / OR logic.
Use cases
Section titled “Use cases”| Scenario | Conditions to set |
|---|---|
| Show a localised banner for a specific market | Market equals United Kingdom |
| Show a different banner for high-value carts | Cart total is greater than $500 |
| Show a brand awareness carousel for first-time buyers | Customer order count equals 0 |
Best practices
Section titled “Best practices”- Use images sized for checkout. Wide landscape images (at least 800px wide, 16:9 ratio) look best.
- For carousel mode, keep all images the same dimensions as mixed sizes look inconsistent.
- Add a CTA button with a link to your sale page, collection, or blog post to make the banner interactive.
- Create one config with no conditions as a fallback to always show something.
When to use this vs Text Banners
Section titled “When to use this vs Text Banners”| Image Banners | Text Banners |
|---|---|
| Visual promotional content like sale graphics, lifestyle photos, and product images | Text-based announcements, alerts, and informational messages |
| Higher visual impact, works well for brand campaigns | Faster to set up, supports placeholders like {cart_total} |
| Use for campaigns that need imagery | Use for dynamic or functional messages |