Add a banner to the cart drawer

Add a Banner block to show a promo card in the cart. It can hold a picture, a heading, text and a button. It can also show only above or below a cart amount.

Set it up

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Body, click Add block and pick Banner. The card starts with its switch on.
4. Click the card to open it.
5. Choose Layout: Image, Image beside text, Image above text or Text.
6. Choose Edges: Card or Edge to edge.
7. Add a picture with Upload image or Make with AI.
8. Fill in Heading, Text and Button text.
9. Set Link.
10. Set Show.
11. Click Save.

Picture

• Upload image takes PNG, JPG or WebP.
• Make with AI asks you to describe the picture. You get 5 a day, on any plan.
• Leave Image height blank to keep the picture's own height. With Image beside text, this field reads Image size.

Link

A link must start with /, https://, http:// or #. Anything else is ignored.

• With Button text, the button opens the link.
• With no Button text, or with the Image layout, the whole banner opens it.
• Tick Open the link in a new tab if you want that.
• Button sets where it sits: Below the text or Right of the text.

Show by cart amount

Show has three choices:

• Always
• Until the cart reaches an amount
• From an amount

The amount is the cart total after discounts. It converts at Shopify's rate. Click Per market to set your own amount for a market. A blank or zero amount always shows.

Good to know

• It shows only while the cart has items.
• A cart has one banner.

If it doesn't work

• The banner doesn't show: check the switch, then check Show against your cart total.
• The link does nothing: check how it starts.
• "You've made 5 images today. Try again tomorrow.": upload an image, or wait a day.
• "Only PNG, JPG and WebP images work.": use one of those file types.
• "We couldn't make the image. Try again.": click Make with AI again.

Related

• Add an announcement to the cart drawer
• Add custom HTML to the cart drawer
• Set per-market thresholds on the cart reward bar

Also searched as: cart banner, promo banner in cart, image banner in cart, picture in cart drawer, promo card, cart ad, clickable banner, banner with button, show banner by cart total, banner above an amount, ai banner image, make with ai picture, banner not showing, baner in cart