> ## 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.

# Build your homepage

> Create a high-converting homepage by combining the right sections

Your homepage is your storefront. This guide walks you through building one section by section in the Shopify theme editor.

## Recommended homepage structure

Here's a proven layout used by top-performing Elixir stores:

<Steps>
  <Step title="Announcement bar">
    Start with a **sale announcement** or **free shipping** message at the top. Add a countdown timer for urgency.
  </Step>

  <Step title="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.*
  </Step>

  <Step title="Trust indicators">
    Add **As Seen In Logos** or a **Statistics Grid** to build immediate credibility. Show press mentions, customer counts, or ratings.
  </Step>

  <Step title="Featured product or collection">
    Add a **Featured Product** section to highlight your best seller, or a **Featured Collections** section if you have multiple categories.
  </Step>

  <Step title="Benefits">
    Add a **Benefits Carousel**, **4 Benefits**, or **Steps** section to explain why your product is different. Focus on outcomes, not features.
  </Step>

  <Step title="Social proof">
    Add reviews and testimonials. See the [social proof guide](/guides/social-proof) for which section to use.
  </Step>

  <Step title="Comparison">
    Add a **Product Comparison** or **Before & After** section to show your product vs. the alternatives.
  </Step>

  <Step title="FAQ">
    Add a **Store FAQ** section at the bottom to answer common objections before they stop someone from buying.
  </Step>

  <Step title="Newsletter">
    End with a **Newsletter** signup or **Email Signup Banner** to capture visitors who aren't ready to buy yet.
  </Step>
</Steps>

## Adding sections

1. Open the theme editor (**Customize**).
2. Navigate to your **Home page** in the page selector at the top.
3. Click **Add section** in the left sidebar.
4. Search or browse for the section you want.
5. Drag sections to reorder them.

<Tip>
  Don't overload your homepage. Pick 6–8 sections max. Every section should serve a purpose — if it doesn't help the customer buy or trust you, remove it.
</Tip>

## Examples by niche

| Niche       | Demo                                                                    | Key sections used                                   |
| ----------- | ----------------------------------------------------------------------- | --------------------------------------------------- |
| Beauty      | [VersaBeauty](https://versabeauty1.myshopify.com/products/test-product) | Hero, comparison table, reviews, benefits           |
| Supplements | [Boosted](https://issr0h-tg.myshopify.com/)                             | Hero, statistics, quantity breaks, testimonials     |
| Pet         | [PawPro](https://wqb11j-ad.myshopify.com/)                              | Hero, benefits carousel, featured product, FAQ      |
| Matcha      | [Matcha Collective](https://h0nttj-4r.myshopify.com/)                   | Hero, 4 benefits, reviews carousel, collection grid |