Banners
Banners let you display a text message on your checkout or post-purchase pages. You can create multiple banners per page, each with its own message, conditions, and schedule.
Settings
Section titled “Settings”| Setting | Description |
|---|---|
| Internal name | Not shown to customers (for your reference) |
| Banner title | Optional title shown at the top of the banner |
| Message | Main banner text. Supports placeholders and markdown links |
| Banner style (tone) | Info, Success, Warning, Critical, or Default |
| Collapsible | Customer can minimise the banner |
| Dismissible | Customer can close the banner entirely |
| Display delay | Seconds to wait before showing the banner |
| Conditions | Only show when cart matches conditions |
| Conditions operator | AND / OR logic |
| Start date | Date to start showing the banner |
| End date | Date to stop showing the banner |
Supported placeholders in message text:
{cart_total}, {cart_subtotal}, {cart_quantity}, {savings}, {email}, {first_name}, {discount_code}
Markdown links are also supported: [Link text](https://example.com)
Tone options: Info (blue), Success (green), Warning (yellow), Critical (red), Default (grey)
How to set up
Section titled “How to set up”- Go to Banners from the app navigation (Checkout, Thank You Page, or Order Status Page tab).
- Click Create / Add banner.
- Enter an internal name and your message text.
- Pick a banner style (tone).
- Configure collapsible / dismissible / alignment / delay as needed.
- Add Conditions for targeted display.
- Set a start/end date for time-limited banners.
- Click Save.
- In Shopify, add the Banner extension block via the Checkout Editor and assign it to the correct slot.
- Works on checkout, thank-you page, and order status page, with separate banner lists per page type.
- Multiple banners per page type are supported.
- You can enable, disable, and delete individual banners from the listing without touching others.
- Conditions and scheduling can be combined. For example, show a Christmas banner only to high-cart-value customers during December.
Use cases
Section titled “Use cases”| Scenario | Conditions to set |
|---|---|
| ”Free shipping on orders over $100” (show only when cart is below threshold) | Cart total is less than $100 |
| ”Your order ships tomorrow if ordered before 2pm” (show on weekdays only) | Use schedule (Mon–Fri) |
| “Welcome back!” (show only to returning customers) | Customer order count is greater than 0 |
| Promotional banner for a specific product tag | Product tag contains target tag |
Best practices
Section titled “Best practices”- Use
{cart_total}and{first_name}placeholders to personalise messages as they convert better than generic text. - Always set a Start and End date for promotional banners to prevent stale offers showing after a sale ends.
- Use Warning tone for urgency (“Only 2 left in stock”) and Success for reassurance (“Free returns on all orders”).
- Keep banner text under 2 sentences as customers are mid-checkout and won’t read long copy.
- Use Collapsible for longer messages so the page doesn’t feel cluttered.
When to use this vs Image Banners
Section titled “When to use this vs Image Banners”| Text Banners | Image Banners |
|---|---|
| For text-based announcements, promotions, and alerts | For visual promotional content like product images, lifestyle photos, and sale graphics |
| Supports tone colours (info, warning, success) and placeholders | Supports carousel with multiple images, auto-advance, and CTA link |
| Best for functional messages (shipping info, discount alerts) | Best for brand-driven visual impact |