Key takeaways
- Rebuild your homepage from the Theme Editor: Online Store > Themes > Customize > Homepage.
- Add, remove, and reorder sections using the left sidebar.
- A high-converting homepage structure: hero, social proof, featured products, brand story, testimonials.
- For custom section types your theme doesn’t include, use Fudge.
A homepage redesign is one of the highest-leverage things you can do for your store. Done right, it answers new visitors’ core question - “Is this brand for me?” - within seconds. Here’s how to rebuild it in Shopify.
Why you can trust us
We’ve worked on homepage optimisation for hundreds of Shopify brands across many categories. We also built Fudge — an AI storefront editor with a 5.0 rating on the Shopify App Store.
How to update your Shopify homepage
Step 1. From your Shopify Admin, go to Online Store > Themes.
Step 2. On your current theme, click Customize.
Step 3. The Theme Editor opens. Make sure the page selector at the top shows Home page. If not, click it and select Home page.
Step 4. You’ll see your current homepage sections listed in the left sidebar. This is your starting point.
Removing sections you don’t want
Step 1. In the left sidebar, click the section you want to remove.
Step 2. In the section settings panel, scroll to the bottom and click Remove section (or the trash icon).
Step 3. Confirm removal.
You can remove all existing sections and start fresh, or keep the ones you want to keep and modify them.
Adding new sections
Step 1. In the left sidebar, click Add section (usually at the bottom of the section list).
Step 2. Browse your theme’s section library. Common homepage sections:
- Image banner / Hero - full-width header with image, headline, and CTA button
- Rich text - text-focused section for brand messaging or announcements
- Featured collection - shows products from a specific collection
- Featured product - showcases a single hero product with buy options
- Multicolumn - side-by-side columns, good for brand pillars or features
- Testimonials / Reviews - customer quotes or star rating grid
- Image with text - photo on one side, copy on the other
- Video - embedded video section
- Email signup - newsletter capture
A homepage section order that converts
This structure works across most e-commerce categories:
1. Hero / Image banner Immediately shows who you are and what you sell. Include a headline, sub-headline, and one CTA button. Don’t try to say everything here - just hook the right person.
2. Social proof bar A strip showing press logos, review stats (“4.8 stars from 2,000+ customers”), or certifications. Placed immediately after the hero, it fast-tracks trust.
3. Featured collection or categories 3-4 category tiles or featured products. Helps new visitors find what they’re looking for fast.
4. Brand story / Image with text 2-3 sentences on who made this and why. A founder photo or product origin image here builds connection.
5. Testimonials 3-6 real customer reviews. Positioned after the product selection to reinforce purchase decisions.
6. Email capture or offer Newsletter signup with an incentive (10% off, free guide). Converts non-buyers into future leads.
How do I reset the whole Shopify homepage?
You have two options:
Option A - Remove all sections and start fresh. Delete every section in the Theme Editor and rebuild from the Add section button.
Option B - Switch to a fresh theme. Go to Online Store > Themes > Explore free themes. Install a new theme and customise it. Your old theme is preserved as an unpublished version.
Starting fresh on the same theme preserves all your other page templates. Switching themes means rebuilding those pages too.
When to use Fudge for your homepage
The Theme Editor limits you to your theme’s built-in section types. If you need:
- A custom hero with a video background and overlay text
- An interactive quiz or product finder embedded on the homepage
- A countdown timer for a launch or sale
- A custom testimonial carousel
- Any layout that isn’t in your theme’s section library
…then Fudge is the path. Describe what you want and Fudge generates it as native Liquid code in your theme.
Example: “Add a three-step ‘How it works’ section to the homepage with numbered icons, a short headline, and a one-sentence description for each step. Place it between the featured collection and testimonials sections.”
Mobile and speed considerations
Every section you add adds page weight. Check your homepage on mobile before publishing - Shopify’s Theme Editor has a mobile preview toggle.
A few common issues:
- Hero images that look great on desktop are often poorly cropped on mobile - use separate mobile/desktop image settings if your theme offers them
- Too many sections slow page load, which hurts bounce rates and SEO
- Autoplay videos need a poster image for mobile, where autoplay is often blocked
