Every design you build in Instant is a layout. Each layout maps to a specific role on your Shopify storefront, and you manage all of them from the Layouts & layers panel in the builder sidebar. To create one, click + in the panel or use the Add layout menu.
Pages
Pages are full standalone pages for custom content — landing pages, about pages, FAQs, and more. After you publish, a page lives at /pages/{handle} unless you set it as your home page. Pages support SEO settings and can show or hide your theme header and footer per page.
Home page
Your home page is a page set as your default home page. It replaces your Shopify theme's homepage at your store's root URL. Publishing a page as your home page requires the Starter plan or higher.
Product pages and collections
Product page layouts define how individual product detail pages look. Collection layouts control how product listing pages appear. You assign specific products or collections to each layout in its settings, and one of each can be set as the default template for unassigned items. Publishing product page and collection layouts requires the Starter plan or higher.
Sections
Sections extend your Shopify theme with reusable blocks you place in the Shopify theme editor. In a section's settings you choose where it can be used — on templates, in headers, or in footers.
Headers and footers
Headers and footers are navigation sections. You create them like sections, but Instant groups them separately in the Layouts & layers panel under Headers and Footers. After publishing, set one header as your main header and one footer as your main footer in layout settings. Publishing headers and footers requires the Starter plan or higher.
Cart
A cart layout is a custom cart drawer that replaces Shopify's default cart. You design the drawer in Instant, publish it, then set it as your main cart in layout settings. Publishing a cart requires the Pro plan or higher.
Blog posts
Blog posts are article layouts tied to a Shopify blog. After publishing, they appear at /blogs/{blog-handle}/{article-handle}. Blog posts support SEO settings, a featured image, an author, and an excerpt.
Choosing the right layout type
When you click + in the Layouts & layers panel or open the Add layout menu, Instant asks what you want to create. Match your goal to the layout type:
Goal | Layout type |
Custom landing or content page | Page |
Replace your storefront homepage | Page (set as home page) |
Reusable theme block | Section |
Custom navigation | Header or Footer |
Product detail design | Product page |
Collection listing design | Collection |
Custom cart drawer | Cart |
Blog article | Blog post |
For each type, Instant asks how you'd like to start: build with Instant AI (describe what you want and the Agent generates it), choose a starter from the Template Library — it has curated layouts for every type above — or start from a blank canvas.
Layouts vs layers
The Layouts & layers panel has two parts. The top lists your layouts — all the pages, sections, templates, and other publishable units in the project, grouped by type (Pages, Product pages, Collections, Blog posts, Sections, Headers, Footers, Carts). The bottom shows layers — the individual elements inside whichever layout you currently have open. Switching layouts changes what appears in the layers tree; your other layouts stay saved in the project.
Plan availability
You can build and preview every layout type on any plan. Publishing is where plan gates apply:
Home page — Starter and up
Product pages and collections — Starter and up
Headers and footers — Starter and up
Cart — Pro and up
Pages, blog posts, and sections also have per-plan publish limits. Check Settings → Plans for your account's exact limits.
