Checkout Banners
Checkout Banners let you display a text message on your checkout, thank you page, or order status page. You can create multiple banners per page, each with its own message, conditions, and schedule.
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.
- Configure display settings (see below).
- Add Display Rules for targeted display.
- Click Save.
- In the Shopify checkout editor, add the Checkout Banner block to the relevant page (checkout, thank you page, or order status page).
Display settings
Section titled “Display settings”| Setting | Description |
|---|---|
| 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 |
| Show after (seconds) | Seconds to wait before showing the banner |
| Conditions | Only show when cart matches conditions |
| 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)
- 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 |
| ”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 |
| Country-specific announcement (e.g. local shipping info for the UK) | Country equals United Kingdom |
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”| Checkout 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 | Single image for a static banner, or up to 5 images for a carousel with auto-slide and CTA link |
| Best for functional messages (shipping info, discount alerts) | Best for brand-driven visual impact |