Components / Dynamic content

Image banner.

Image banner in deux par deux's checkout
Image banner in Ringers Western's checkout
Image banner in Henne's checkout
Image banner in Ecigone's checkout
Image banner in Akubra's checkout

Add branded or promotional imagery to Shopify checkout with an image banner and an optional link to further information.

For Shopify Plus Checkout

In merchant checkouts

See it in checkout.

Image banner in DECJUBA's checkout
Image banner in PE Nation's checkout
How it works

Configure your component.

01

Choose the artwork

Use an image designed for the available checkout width, with important content kept away from the edges.

02

Set the destination

Add the relevant link when customers need more information.

03

Review different screens

Check how the image reads on desktop and mobile before adding it to checkout.

An image banner gives a campaign or brand message its own visual space. Use it when imagery adds meaning, and keep essential offer details available as readable text.

Connected platform features

The tools behind your components.

Connect content, audience, and presentation controls. Available settings depend on the component and its version.

Choose which Shopify Markets see each component, then tailor its language and conditions to the local audience.
Show components when cart, customer, shipping, or referral conditions match. Build and test rules before saving.
Adjust layouts, labels, borders, and behaviour in one editor, with starting points and a live preview.
See who changed what and when, roll back to an earlier component version, and view changes alongside checkout analytics.
Keep exploring

Good together.

A little more detail

Your questions, answered.

What is an image banner used for in Shopify checkout?

Use an image banner for promotional artwork or brand imagery that adds useful context to the order. Keep essential offer conditions in readable text as well as the image.

Can an image banner link to another page?

Yes. Add an external destination when the customer needs more information, such as a campaign or brand-information page. Choose a destination relevant to the checkout decision.

Can I show different images for different markets?

Yes. Create an image-banner component for each version and apply the relevant market display rule.

Will image text translate automatically?

No. Component text translations do not rewrite words embedded in artwork. Upload the appropriate translated image and target it to the right audience.

Can an image banner recommend products?

An image banner shows artwork and an optional link. Use Campaign upsell when you need a banner paired with product recommendations and add-to-cart controls.

Can I show the component only to certain customers or carts?

Yes. Use display rules based on products, cart value or quantity, customer tags, markets, or delivery details. Combine conditions with all or any logic and test representative carts before publishing.

Can I show it only on mobile or desktop?

Yes. In the matching Latest block in Shopify's checkout editor, set Show on devices to all, mobile, or desktop. Check the result in the editor's device previews before publishing.

Do I need Shopify Plus, and which app plan includes this component?

Yes. Checkout Components is built for Shopify Plus stores. Starter includes one content or input component; Growth and above include unlimited content and input components. Translations and thank-you page content are included on Growth and above.

Bring the right detail into checkout.