The website builder is currently in beta. We're rolling it out to shops gradually over the coming weeks, so you may not see it in Admin just yet. If you'd like early access, send us a message — we're happy to switch it on for you sooner.
Building your site with the website builder
The website builder lets you shape your public site by creating your own custom pages — an About page, Meet the team, Delivery areas, a newsletter sign-up, and whatever else you need. Each page is built from visual blocks, with no code or designer required. Published pages live at /p/your-page-name on your site and can appear in your main menu or footer.
This guide walks through opening the website builder, setting up reusable content, creating your first custom page, previewing and publishing it, and controlling where it shows up.
Your existing site customisation tools aren't going anywhere yet. You'll still see them throughout Admin, and they still power your live site. The website builder runs alongside them so you can move content across at your own pace. We'll give you plenty of notice before any of the older tools are retired.
Opening the website builder
In Admin, click Manage CMS in the left sidebar.
If you don't see Manage CMS, you either don't have the right permissions (you need the Administrator or Site Management role) or the feature hasn't been enabled for your shop yet. Get in touch with support and we'll sort it.
Set up your content library first
Two of the blocks you'll use — Testimonials and Team profiles — pull from reusable lists rather than holding their own content. The idea is that you build these lists up once, then feature items from them on any page.
If you plan to use either block, create the content here first or the block's picker will be empty.
Testimonials
Open the Testimonials collection and add as many as you like. Each one needs:
Quote — the testimonial itself
Attribution — who said it (name, role, or organisation)
You'll pick one testimonial per Testimonial block on your pages, so having a few to choose from is handy.
Team profiles
Open the Profiles collection to add the people you want to feature. Each profile has:
Name
Position — their role or title
Photo
You can feature multiple people in a single Team profiles block and reorder them however you like.
Creating and saving a page
Open the Pages collection and click Create new.
Give your page a title — this is what readers see at the top and what appears in the menu.
The page's URL slug (the
your-page-namepart of/p/your-page-name) auto-generates from the title. You can edit it if you want something tidier.Add blocks to build the layout with the Add Layout button. Reorder them, duplicate them, or delete them as you go.
Work as much or as little as you want — the page autosaves as a draft. There's no Save button to hunt for.
When it's ready, click Publish. Your page goes live at
https://your-site/p/your-slug.
A quick note on URLs. The URL slug keeps following the title while you're drafting, but it locks in once you publish (or once you've edited it manually). This protects links people have already shared. If you want the slug to re-follow the title on a draft, just clear the slug field and save.
The blocks — your menu of page pieces
You can mix and match any blocks, in any order, as many times as you like. Here's what's available now — we're adding more blocks frequently:
Hero Image — a full-width image with an optional overlay title. Great as a page opener.
Hero Text — a large headline with smaller supporting text underneath. Use when you don't want a photo up top. At least one of the two text fields is required.
Text & Image — a block of text next to an image, with a toggle for putting the image on the left or the right. Good for story-style sections.
Video — paste a YouTube or Vimeo URL and the video embeds responsively. Add an optional title above it.
Testimonials — pick a testimonial from your library to feature.
Team profiles — a heading ("Meet the team" by default), a short description, and the people you want to feature.
Delivery Map — shows your shop's delivery area. Optional title and description override the defaults. Choose full-width or two-column layout.
Newsletter — an inline sign-up form with a customisable heading and description (requires setting up your Mailchimp credentials in your account settings first).
Socials — pulls your shop's social links automatically. No setup on the block itself.
Missing a block, or want to lay things out differently? Get in touch. We're adding new blocks and layout options based on what's asked for.
About images
When you upload images:
Formats supported: PNG, JPEG, WebP, GIF
Max size: 20 MB
Always fill in the alt text. It's shown to screen readers and when images fail to load. It's a small habit that makes a real accessibility difference.
Use the focal point tool to mark the important part of the image — that's the part that stays visible when the image crops on smaller screens.
Preview and publish
Live preview shows your page updating as you edit. Click the eye icon to activate. Use the size toggles to check how it looks on:
Mobile (375px wide)
Tablet (768px wide)
Desktop (1280px wide)
Check all three before you publish — a layout that looks great on desktop can feel cramped on a phone.
Version history keeps up to 25 versions of every page. If you change your mind about an edit, you can roll back to an earlier version any time.
Autosave handles saving while you work. You never need to remember to save a draft.
SEO: how your page looks when shared
Every page has an SEO section where you can control how it appears in search results and on social media.
Meta title — the title shown in search results and on social link previews. If you leave it blank, the page title is used.
Meta description — the one- or two-sentence summary shown under the title. A good description increases click-throughs from Google.
Preview image — the image that shows when someone shares your page on Facebook, WhatsApp, Slack, LinkedIn, and so on. Use a clear, high-contrast image.
Filling these in takes 30 seconds per page and makes a real difference when pages get shared.
Where your page appears
Publishing a page makes its URL live. You control where it shows up in your site's navigation separately.
Menu placement
Main menu — appears in your site's main navigation.
Footer — appears in the footer links.
Both — appears in both.
None — the page is live at its URL but doesn't appear in any menu. Useful for campaigns, partner pages, or anything you want to share by direct link only.
Menu order — lower numbers appear first. The default is 10, so leave gaps (10, 20, 30…) to make it easier to slot new items in later.
Redirect URL (optional) — if you set this, the menu link points at that URL instead of the page's own
/p/your-slug. Handy when you want a menu item that goes to an external site but still want to keep the page itself tidy in your library.
Common questions
Why is the Testimonials or Team profiles picker empty?
You need to add items to the Testimonials or Profiles collection first — see Set up your content library first above.
Why isn't my published page showing in the menu?
Check that Menu placement isn't set to None, and that Menu order puts it where you expect (lower numbers appear first).
Can I hide a page without deleting it?
Yes — switch it back to Draft. The public URL stops serving it and it disappears from menus, but your content and version history stay intact.
Can I have a menu item that links somewhere else entirely?
Yes — set the page's Redirect URL to the destination. The menu link will go there instead of to the page itself.