Pages & Page Builder
Every page on your site is a stack of sections: a hero, a product grid, testimonials, a contact form. The page builder lets you add, rearrange and edit them visually, and see exactly what visitors will see.
Your pages
Website › Pages lists every page in your live theme, in three tabs:
| Tab | What’s in it |
|---|---|
| Store Pages | The layouts behind your store’s built-in pages, such as the product, collection, cart and search pages. Editing one changes a live page on your site. |
| Content Pages | Standalone pages served at their own address. |
| Your Pages | Pages you created: About, Services, a landing page for a sale. |
Each row shows the page's path, whether it's published, how many sections it has, and a lock icon if it's password-protected.
To reuse a page's layout, click Duplicate (the copy icon) on it. You get a new page with every section and setting copied, a new title such as “About (Copy)” and its own address such as about-copy. The copy is saved as a draft, so change it and rename it in Page SEO & Settings, then publish.
Create a page
Click Create New Page
From the Pages list, or from the page menu inside the builder.Enter a Page Title and URL Handle
For example “Summer Sale” atsummer-sale-landing. The handle is filled in from the title.Build it
The page opens in the builder, blank and ready for sections.
The builder, piece by piece
| Area | What it does |
|---|---|
| Sections panel (left) | The page’s sections in order, with the shared Header and Footer. Drag to reorder. Each section has Duplicate and Hide buttons and a ⋯ menu to copy it, paste a copied section below it, paste settings, rename or delete it. |
| Canvas (middle) | A live preview. Click any section to select it. |
| Editor panel (right) | Settings for the selected section: text, images, colours, layout, spacing for desktop and mobile, and visibility. |
| Device switcher | Preview on Desktop, Tablet and Mobile. |
| Undo / Redo | ⌘/Ctrl + Z and ⌘/Ctrl + Shift + Z. |
| Page switcher | Jump to any other page, or create a new one, without leaving the builder. |
| Publish | Saves your changes and puts them live. |
Add a section
Click Add Section to open the library. It's organised into tabs:
| Tab | What you’ll find |
|---|---|
| For You | Sections suggested for your business type. |
| Essential | The basics: hero, text, image with text, FAQ, contact form and more. |
| Header / Footer | Alternative headers and footers. |
| Banners / Sliders | Promotional banners and carousels. |
| Glass | A modern frosted-glass design family. |
| AI Features | Sections with built-in AI interactions. |
| Liquid | Template-based sections for advanced layouts. |
| Browse All | Everything, with search. |
Turn on My Vertical to narrow the list to sections designed for your industry. Search with Find a section… if you know what you want.
Prefer to stay in the editor? Switch the left panel to Add sections. It lists every section, grouped and searchable, with a small sketch of each. Click one and it's added below the section you have selected, or at the end of the page. Switch back to Sections to see the page's sections.
Design with AI
AI Design Studio
Ideas Agent
Duplicate, copy and paste sections
- Duplicate (the copy-plus button, or Ctrl/⌘ + D) adds an exact copy right below the section.
- Copy section (⋯ menu, or Ctrl/⌘ + ⇧ + C) keeps a copy you can paste on any page of your store, even in another tab. A bar at the top of the Sections panel shows what you copied.
- Paste from that bar, from a section's ⋯ menu (Paste below), or with Ctrl/⌘ + ⇧ + V. It goes below the selected section, or at the end of the page.
- Paste settings here copies the look and content of one section onto another section of the same type, for example to make two banners match.
Everything you paste or duplicate can be undone with Ctrl/⌘ + Z, and is saved when you publish.
Show a section only on some devices or pages
In a section's Visibility settings, choose All devices, Phones only or Desktop only. On product templates you can also add rules so a section shows only for certain products, for example a size guide only on clothing.
Page settings and SEO
Open Page SEO & Settings from the builder toolbar:
| Setting | Purpose |
|---|---|
| Page Title and URL Handle | Rename the page or change its address. If you change the handle, tick “Redirect the old URL to the new one” so old links keep working. |
| Published Status | Draft pages aren’t visible to visitors. |
| SEO & Social Sharing | The title and description search engines show, and the image used when the page is shared on Facebook or WhatsApp. |
| Visibility | Public, or Password protected (see below). |
Password-protected pages
Set a page's visibility to Password protected to share it only with people you give the password to, such as a client preview, a members-only price list or a private event page. Set the Password (6 or more characters), an optional Gate heading, a Hint shown above the password box, and an optional Access expires date. The builder gives you a shareable link to send.
Tools menu
- Theme styles: colours for every page. See Appearance & Themes.
- Media Library: browse and upload images without leaving the builder.
- Export code: download the page as compiled HTML or as its raw JSON configuration.
- Builder scratchpad: private notes while you work.
- Keyboard shortcuts, Take a tour of this page, and Editor appearance (light, dark or system).
Editing with someone else?