Home page sections
These sections can only be added to the Home page in the builder. Open the Sections tab, click Add new section, and pick one. The home page has no required section, so you choose what goes on it. Sections you can add to any page are in Sections for any page.
The sections
- Hero (one per page): a large banner with one or two images or videos behind your text and buttons, with a color overlay for readable text. See How do I set up the Hero banner on my home page?
- Slideshow (up to 2 per page, 7 slides each): several images or videos one after the other, each with its own text and buttons, with auto-rotate, arrows, and dots. See How do I add a slideshow with several slides to my home page?
- Featured products (up to 2 per page): a grid or carousel of products picked for you, such as best sellers, newest, on sale, or top rated, from all products or one collection. See How do I show featured products (best sellers, newest, on sale) on my home page?
- Collections (one per page): your collections as cards in a grid, carousel, or bento layout. It also works on the collections page. See How do I show my collections on the home page or the collections page?
- Indicator (up to 2 per page): numbers that count up when shoppers scroll to them, like "10,000+ customers". See How do I show animated numbers and stats (Indicator section)?
- Benefits (one per page): cards with an icon, a heading, and a short text for promises like free delivery or secure payment. See How do I add benefit cards like free delivery or secure payment?
Cards
Featured products uses a Product card and Collections uses a Collection card. They set how every item looks: image, title, price, rating, buy button, product count. See How do I change how product cards and collection cards look?
Also popular on the home page
These also work on other pages, not only the home page:
- FAQ: questions that open when clicked. See How do I add an FAQ section with questions and answers?
- Before and after: two images with a divider shoppers drag. See How do I add a before and after image slider?
On the collection page, the Sub collections section shows the sub collections of the collection being viewed. See How do I show sub collections on a collection page?