How do I build my own custom home page with drag & drop?

Open Store design › Store themes and press Build your own custom home page (Drag & drop) at the top. Pick a ready design (or start empty), drag blocks from the right onto the page, change any text, photo or colour, and press Publish. It becomes your shop's home page right away.

Where to find it

Admin › Online store › Store design › Store themes, the purple button Build your own custom home page (Drag & drop) at the top right. The owner always sees it; staff need the Website design tick (Admin and Marketing Manager have it).

Step by step

1. Press Build your own custom home page (Drag & drop). The builder opens full screen.
2. The first time, choose how to start:
   • Classic shop — banners, trust badges, categories, offers, new arrivals, best sellers, reviews and questions.
   • Big sale — brand-colour hero, countdown, offers, two offer banners, counters, customer words, call buttons.
   • Brand story — photo hero, categories, your story, one product in the spotlight, products, icon boxes.
   • Simple & clean — search bar, categories, products and reviews.
   • Start empty — drag the blocks in yourself.
3. Drag more blocks from the right panel onto the page. Drop them between sections, or inside a column.
4. Click any text to change it. Select a block to change its settings (⚙) and its look (🖌 colours, fonts, sizes, space, corners and shadow).
5. Check the page on computer, tablet and phone with the three screen buttons at the top.
6. Press Save draft as you go (or Ctrl+S). Shoppers do not see a draft.
7. Press Preview to see the draft the way shoppers will.
8. Press Publish. Your shop's home page is now your own page.

Good to know

• Your real shop, from the first second. The live blocks (products, categories, banners, reviews) show your own data and update by themselves when you add products.
• Templates at the top lets you start again from another design at any time (it asks before replacing your page).
• The top bar and footer of your shop stay by default; you can switch them off in ⚙ Page settings and use your own.
• Going back: on Store themes press Use the theme instead, or apply any theme. Your custom page is kept for later.

Related

• Which blocks can I use on my custom home page?
• How do I change text, photos, colours and emoji in the builder?
• How do I publish my custom home page or go back to a theme?
• What are store themes?