Storefront
Hero banners
A banner with separate desktop and mobile images.
For the first thing visitors see.
Included on the Free plan
What you can set
- Separate desktop and phone images
- Heading, text and up to two buttons
- Where the text sits, colours, overlay and height
- Load only when scrolled to, for banners lower on the page
How to set it up
- Install CRO Toolbox from the Shopify App Store.
- Open Storefront → Hero banners in the app, pick a template and set it up with the live preview.
- Click Add to theme: the theme editor opens with the block ready. Place it and save.
Ready made looks in the app
- Classic
- Centred
- Text box
- Light
- Bold sale
Questions about Hero banners
What does Hero banners do in CRO Toolbox?
A banner with separate desktop and mobile images. For the first thing visitors see.
Which plan includes Hero banners?
Included on the Free plan. See pricing for the limits of each plan.
Does Hero banners work with my theme?
Yes, with any Online Store 2.0 theme. You set it up in the app and place it in the theme editor; your theme's code is never edited.
Coming soon to the Shopify App Store
Be first to install CRO Toolbox
CRO Toolbox is on its way to the Shopify App Store. The install button on this site will go straight to the listing the day it's live, with the Free plan and a 14 day trial on every paid plan.