Your homepage is your storefront. This guide walks you through building one section by section in the Shopify theme editor.Documentation Index
Fetch the complete documentation index at: https://testdocs.ecomelixir.com/llms.txt
Use this file to discover all available pages before exploring further.
Recommended homepage structure
Here’s a proven layout used by top-performing Elixir stores:Announcement bar
Start with a sale announcement or free shipping message at the top. Add a countdown timer for urgency.
Hero section
Add the Hero section with your main product or brand message. Include a strong headline, short description, and a clear CTA button.See the Matcha, Pillow, and Supplements demos for examples.
Trust indicators
Add As Seen In Logos or a Statistics Grid to build immediate credibility. Show press mentions, customer counts, or ratings.
Featured product or collection
Add a Featured Product section to highlight your best seller, or a Featured Collections section if you have multiple categories.
Benefits
Add a Benefits Carousel, 4 Benefits, or Steps section to explain why your product is different. Focus on outcomes, not features.
Social proof
Add reviews and testimonials. See the social proof guide for which section to use.
Comparison
Add a Product Comparison or Before & After section to show your product vs. the alternatives.
FAQ
Add a Store FAQ section at the bottom to answer common objections before they stop someone from buying.
Adding sections
- Open the theme editor (Customize).
- Navigate to your Home page in the page selector at the top.
- Click Add section in the left sidebar.
- Search or browse for the section you want.
- Drag sections to reorder them.
Examples by niche
| Niche | Demo | Key sections used |
|---|---|---|
| Beauty | VersaBeauty | Hero, comparison table, reviews, benefits |
| Supplements | Boosted | Hero, statistics, quantity breaks, testimonials |
| Pet | PawPro | Hero, benefits carousel, featured product, FAQ |
| Matcha | Matcha Collective | Hero, 4 benefits, reviews carousel, collection grid |
