Key takeaways
- Add sections from the Theme Editor: Customize > Homepage > Add section.
- The available section types depend on your theme - you can’t add types that aren’t in your theme’s library.
- Common sections: image banner, featured collection, rich text, image with text, testimonials, video.
- For sections not in your theme’s library, use Fudge to build them as native Shopify code.
Shopify’s Homepage is built from modular sections. Each section is a self-contained block of content and layout. Adding more sections means adding more storytelling, product discovery, and conversion opportunities to your store’s front page.
Why you can trust us
We’ve built and optimised homepages for hundreds of Shopify stores. We also built Fudge — an AI storefront editor with a 5.0 rating on the Shopify App Store.
How to add a section to your Shopify homepage
Step 1. From your Shopify Admin, go to Online Store > Themes > Customize.
Step 2. Make sure the page selector at the top shows Home page. Click it and select Home page if needed.
Step 3. In the left sidebar, scroll to the bottom of the section list.
Step 4. Click Add section.
Step 5. A modal opens showing all section types your theme includes. Browse the list and click the section you want to add.
Step 6. The section is added to the bottom of your homepage. Drag it up or down in the left sidebar to position it.
Step 7. Click the section in the sidebar to open its settings and configure the content.
Step 8. Save.
Common Shopify homepage section types
Image banner / Hero A full-width section with a background image and overlay text. The primary homepage hero. Most themes include this with settings for headline, subtext, button, overlay opacity, and text alignment.
Rich text A centered text block. Useful for brand mission statements, announcements, or any content-focused section where an image isn’t needed.
Image with text A two-column layout - image on one side, text on the other. Versatile for brand story sections, feature highlights, or product spotlights.
Featured collection Pulls products from a chosen collection and displays them as a product grid. Specify the collection in the section settings.
Featured product Highlights a single product with its image, title, price, and add-to-cart button directly on the homepage.
Multicolumn Two to four columns of content - icon or image at the top, headline, and text. Good for “How it works” sections, brand features, or benefit lists.
Testimonials A grid or carousel of customer reviews. May be built into the theme or available as a block type inside other sections.
Video An embedded video or background video section. Most themes support YouTube and Vimeo URLs.
Countdown timer / Announcement Some themes include urgency sections for sales or launches. Not universal.
Email signup / Newsletter A call-to-action section for capturing email addresses. Usually includes a text field and submit button.
Collection list Shows multiple collections as image tiles - useful for stores with distinct product categories.
Why you can’t add a custom section directly in the Theme Editor
The Theme Editor’s “Add section” modal only shows sections that are already coded into your theme. You cannot build a new section type from scratch inside the Theme Editor interface.
If you need a section type that your theme doesn’t include - a quiz, a countdown, a product comparison strip, a custom testimonial layout, a sticky announcement bar - you need one of these approaches:
A - A Shopify app. Some apps add section types to the Theme Editor library. Useful for specific functions.
B - Code. A developer adds a custom section to your theme’s code. The section then appears in the Theme Editor for you to use.
C - Fudge. Describe the section you want in plain English and Fudge builds it as native Liquid code in your theme. No coding required from you.
Adding a custom section to the Shopify homepage with Fudge
Open Fudge and describe what you want added to your homepage:
-
“Add a ‘How it works’ section with three steps, each with a numbered icon, a bold headline, and two lines of descriptive text. Place it between the hero and the featured collection.”
-
“Add a testimonial carousel to the homepage showing five customer quotes with star ratings, customer name, and location. Style it with the brand’s primary colour as background.”
-
“Add a countdown timer section for our summer sale launch. Shows days, hours, minutes, seconds. Dark background, white text. Position it at the top of the homepage below the announcement bar.”
Fudge generates the section as a draft in your theme. You review it in the Theme Editor, make any adjustments, and publish.
Reordering homepage sections
Step 1. In the Theme Editor with the Homepage selected, look at the left sidebar section list.
Step 2. Hover over a section name - a drag handle appears.
Step 3. Drag to your preferred order.
Step 4. Save.
