A Shopify homepage is the entry point for direct, organic, and many social traffic sources — but it's not the highest-converting page on your store (PDPs and collection pages typically do better). The homepage's job is to set positioning, route customers to the right next page, and signal trust. Done well, it lifts site-wide conversion 5–15% by routing better. Done poorly, it adds a click without context and customers bounce.

This guide is the 5-element above-the-fold structure, the homepage tests worth running, and the decorations to skip.

What goes above the fold

The fold is the first viewport — what customers see without scrolling. On mobile that's typically 600–700px tall. On desktop 800–900px. Both have to work.

1. Brand line + tagline

The first thing customers see should answer "what does this store do?" in plain language. Not a brand promise, not a tagline, just a clear identifier.

  • Bad: "Reimagining Wellness."
  • Good: "Skincare for first-time-mom brain fog."

The specificity is the trick. Generic taglines confuse cold traffic; specific ones qualify.

2. Hero image or video

A single clear hero — not a carousel of 8 sliding images. Carousels rarely lift conversion (most users only see slide 1) and slow page load.

The hero should:

  • Show a real-product use case, not abstract lifestyle imagery.
  • Load fast (compressed, WebP, see page speed guide).
  • Have a clear focal point — your eye should know where to look.

3. Primary CTA

One button, one action. The most common scenarios:

  • "Shop new arrivals" — for established brands with regular product launches.
  • "Find your match" — for skincare/apparel with a quiz-driven recommendation.
  • "Browse all products" — for narrow catalogs (under 30 SKUs).
  • "Start with [specific bestseller]" — for stores with a clear hero product.

What it should NOT be: "Learn more." Vague CTAs perform measurably worse than specific ones.

4. Trust signal

One visible trust element above the fold. Options:

  • Customer rating ("4.8 ★ from 1,200 reviews").
  • Press mention ("As featured in Forbes").
  • Industry credential ("Dermatologist-tested").
  • Specific number ("Trusted by 50,000 customers").

Pick one. Cluttering the fold with 4 trust signals is overkill. See trust signals guide.

5. Secondary CTA (optional, for narrower paths)

A quieter second CTA for customers with different intent. Examples:

  • Primary: "Shop new arrivals" + Secondary: "Take the skincare quiz."
  • Primary: "Browse all products" + Secondary: "Read reviews."

Don't force a second CTA if you don't have a meaningfully different path. One strong CTA beats two weak ones.

What does NOT belong above the fold

  • Newsletter popup that auto-fires. Disrupts the first impression. If you must capture emails, use a less aggressive bottom-banner.
  • 8-slide hero carousel. Performance + conversion problem.
  • All your product categories. Customers can't choose from 12 things in 5 seconds.
  • Dense paragraphs of brand story. Reserve for an "About" section below the fold.
  • Multiple CTAs all competing equally. Hierarchy beats parity.
  • Press logo bar. Useful as social proof but better placed below the fold.

What goes below the fold

The standard hierarchy that converts:

1. Featured products (3–6 SKUs)

Your top 3–6 SKUs as a row of product cards. Customers see specific products with prices and CTAs. Drives PDP traffic without a click through a category page.

2. Category navigation (3–6 collections)

Visual category cards with images and labels. "Shop by category" pattern. Useful for stores with diverse product lines.

3. Brand / about section

A short paragraph + photo about who you are. Don't bury it deep — customers who land on the homepage often look for legitimacy signals.

4. Reviews / social proof

Visible reviews, customer photos (UGC), case studies. Different surface than the rating in the hero — these are the deeper proof.

5. Newsletter or community CTA

Email capture, but with value. "One growth tip per week" works better than "10% off your first order!" (since the discount lives in the welcome email, not the form).

6. Footer

Links, legal, secondary nav.

Homepage tests that actually work

Stop A/B testing button colors. The tests that meaningfully move homepage conversion:

Test 1: Hero image variant

Real-product hero vs lifestyle hero. Pure product vs in-context use. Run for 4 weeks per variant on top-3 SKUs visible.

Test 2: Primary CTA destination

"Shop new arrivals" → /collections/new vs "Shop bestsellers" → /collections/bestsellers vs "Take the quiz" → /quiz. Different paths produce different conversion downstream.

Test 3: Brand line vs tagline

Specific "what we do" line vs aspirational tagline. Specific almost always wins for cold traffic.

Test 4: Trust signal type

Customer rating vs press mention vs specific count. Different audiences respond to different signals.

Test 5: Newsletter capture timing

Auto-fire popup on land vs scroll-triggered popup vs no popup. Almost always: scroll-triggered or none beats auto-fire.

A worked example

A skincare brand homepage redesign. Before:

  • Hero: aspirational tagline ("Beauty Reimagined") + sliding carousel + tiny "Shop Now" button.
  • Below: 8 product categories, 3 lifestyle photos, a newsletter popup auto-firing.

Conversion (homepage to add-to-cart): 1.4%.

After redesign:

  • Hero: "Skincare for first-time-mom brain fog" + single hero image of routine in use + primary CTA "Take the 60-second quiz" + small "4.8 ★ from 312 reviews" trust signal.
  • Below: 4 featured SKUs, 1 brand-story paragraph, reviews section with photos, newsletter at bottom.
  • Removed the auto-firing popup.

Conversion: 2.3%. About a 60% lift.

The redesign took a Saturday. The lift compounds across every traffic source forever.

Common homepage mistakes

  • Trying to convert on the homepage. The homepage routes; PDPs convert. Homepage CTAs should link to product pages, not initiate add-to-cart.
  • Generic taglines. "Reimagining X," "The Future of Y." Specific beats generic every time.
  • Too many primary CTAs. Pick one. Hierarchy beats parity.
  • Dense brand story above the fold. Customers want to shop, not read about you. Brand story belongs below the fold.
  • Slow load. A homepage that takes 5s to render is a homepage that loses 30% of customers. See page speed guide.

Frequently asked questions

What's a good homepage conversion rate?

Homepage-to-add-to-cart: 1.5–3%. Homepage-to-purchase: 0.5–1.5%. Lower than PDP conversion because the homepage routes; PDPs convert. Homepage's job is to feed warmer pages.

Should I have a hero video?

Optional. Video can outperform static images for products that benefit from motion (apparel fitting, tools in use). Video must be silent / autoplay / muted by default and load fast. Bad video tanks conversion.

How often should I refresh the homepage?

Major refresh: every 12–18 months. Hero swap: every 4–8 weeks to feel fresh and align with current marketing. The featured-products section should refresh weekly to highlight current bestsellers.

What about a chatbot in the corner?

Skip for stores under $100K/month. Chatbots usually don't lift conversion at small scale; they consume support time without recovering revenue. See customer support guide.

Does DropifyXL recommend homepage changes?

DropifyXL's Hidden Hero rule flags top-selling products that aren't in your homepage's featured collection. The recommendation surfaces the SKU; the merchandising fix is yours.

Key takeaways

  • Above the fold: brand line, hero, primary CTA, trust signal, optional secondary CTA. Five elements max.
  • Skip the carousel; use one strong hero. Carousels look impressive and underperform single heroes.
  • Below the fold: featured products, categories, brand story, reviews, newsletter, footer.
  • Specific copy beats generic. Specific CTAs beat vague ones.
  • Test hero image, CTA destination, brand line, trust signal type. Skip button-color A/B tests.

Homepages that try to do everything end up doing nothing. Five elements, in order, done well. The discipline pays off across every traffic source that lands there.