The Landing Page Editor: Drag, Drop & Publish
Build your homepage and campaign pages by assembling ready-made sections on a live canvas, preview across devices, and publish when you're ready.
The Landing Page Editor is where you build your storefront's homepage — and any additional campaign page — by stacking ready-made sections on a canvas. There's no code involved: you add a section, fill in its content, and arrange it wherever you want on the page.
Screen: Online Store → Pages, then open the "pages you build" card. Inside the editor, the Landing Page ▾ control in the command bar opens a page switcher — see Switching between your store's pages below for what it does today.
What you're looking at
- The page is a vertical stack of sections, shown in a panel called Scenes — you open it on demand, so it's not permanently eating into your canvas space.
- A live preview panel shows exactly what customers will see, with desktop, tablet, and mobile toggles.
- Click any section on the canvas to select it — a floating toolbar appears right next to it, with quick buttons for its text, layout, and photo (only the ones that section actually supports), so you can make fast changes without leaving the canvas.
- Nothing customers see changes until you click Publish — everything before that is a draft.
The left rail: Add, Scenes, Brand
The left edge of the editor is a narrow, always-visible icon rail with three buttons — it starts collapsed on every fresh visit to the editor (it's a session-only choice, not something the editor remembers from last time):
- + (Add) — opens the section library immediately, without expanding the rail. See The Section Library for the full catalogue.
- ☰ (Scenes) — expands the rail into the full section list, renamed Scenes. Page name, SEO, and theme settings live in their own drawers (below) — this panel's only job is the section stack.
- Brand — opens the Brand drawer on the right (colours, fonts, spacing, and Brand Kit) without touching the rail at all. See Theme presets.
Scenes rows show what a section is for, not its type name
Each row in the Scenes panel is labelled in plain language — "Welcome banner," "Your story," "Get in touch" — instead of the underlying section type ("Hero Banner," "Brand Story Split," "Contact Form"). A short help line under the search box spells out the row controls: "Tap to visit · arrows reorder · eye hides." Every section type the editor ships has a human name defined for it, and any type that somehow doesn't falls back to its catalogue name rather than showing blank, so a row can never go unlabeled.
Once expanded, each section in the list can be:
- Selected — tap the row to jump to and select that section on the canvas.
- Reordered — the ↑ / ↓ arrows on the row move it up or down the stack (the preview rebuilds in real time); you can still drag a row to a new position too.
- Hidden — the eye icon toggles a section off without deleting it, useful for seasonal content you'll want back later. All three controls — jump, reorder, hide — are visible on the row at all times; you don't need to hover to find them.
- Duplicated — clone a section with its content and style intact, then tweak the copy, from the row's own menu.
- Deleted — with a confirmation prompt before it's gone, also from the row's menu.
Where did the Page and Theme tabs go?
Earlier versions of this editor had Sections, Page, and Theme tabs stacked in the left panel. Page settings (SEO, social sharing, privacy, integrations) now live in their own drawer opened from the SEO score badge in the header — see SEO, social sharing & integrations below. Theme and brand styling now live in the Brand drawer opened from the left rail's Brand icon, described above. What's left is the section stack alone, now called Scenes.
Switching between your store's pages
Click Landing Page ▾ in the command bar to open Every page of your store — a single modal listing every page type BillionBiz can edit, grouped into seven categories (Home, Browse, Buy, Complete, Account, Content, Chrome), 24 page types in total: everything from your homepage and product/category pages through cart, checkout, account screens, About/Contact, and site chrome (header, footer, cookie/consent banner, toast notifications). Each type shows as a rounded pill; the page you're currently editing shows filled, the rest are quiet. Click any pill to jump straight into that page type's editor.
This used to be broken
Earlier versions of this control opened a different, unfinished "multi-page" panel whose Save/nav buttons didn't actually do anything — clicking a page there never navigated anywhere. Landing Page ▾ now opens the real page switcher described above, and every one of the 24 pills is a working link to that page type's editor.
Selecting and editing a section
Move your mouse over a section on the canvas and a thin dashed outline appears around it with its name in a small tag, both faded to about half strength — this is a hover hint, not a selection, so it can never be mistaken for one. Click any section directly on the canvas (not in the section list — right on the live preview) to select it: the outline switches to a solid line with a soft glow and the name tag becomes fully opaque — with several similar-looking sections on a page, this is how you confirm you've actually selected the one you meant to. A floating toolbar docks next to the selected section at the same time.
A click only selects — it doesn't open anything else
Selecting a section opens the toolbar and nothing more. Earlier versions also popped open a "quick options" card the instant you clicked, on top of the toolbar and (for a text-editing section) the inline text box too — three surfaces stacking from one click. That's gone: the toolbar is the only thing that appears automatically now, and its own buttons are what open everything else.
The toolbar's buttons are specific to what that section type actually supports — you won't see a button for something the section can't do:
- Words — for sections with plain-text fields (headline, eyebrow, subheading, button label), opens a small popover next to the section focused on those fields.
- Looks — for sections with more than one layout, opens a popover with the layout thumbnails.
- Photos — for sections with an image field, opens a popover to swap it.
- ↑ / ↓ — move the section up or down the stack.
- Hide / Show — toggle visibility, same as the eye icon in Scenes.
- Copy — duplicate the section, same as the row's own menu.
- All settings — opens the full per-section editor (below).
A section with none of Words, Looks, or Photos (a purely structural section, for example) simply doesn't show those chips — use All settings for anything it needs. There's no Delete button on this toolbar itself; delete a section from its Scenes row menu, or press Delete/Backspace once it's selected.
Click All settings (on the toolbar) to open the full per-section editor — a floating card docked to one side of the canvas, titled with the section's human name (same name as its Scenes row) and a sub-line reading "Follows your brand kit · N changes", where N is how many fields you've actually changed away from their defaults.
There's no Simple/Pro choice anymore
Earlier versions of this drawer had a Simple tab (a curated subset of fields) and a Pro tab (everything). That split is gone — there is one editor now, laid out as described below, with every control the section has always had still reachable.
The Theme picker works on every section
The section-level Theme override (search box, six theme-pack families, plus an always-visible Inherit option that hands styling back to the page-level theme) applies to every section type in the library, including announcement bars, marquees, popups, cookie and age banners, and sticky elements — sections that used to show a muted "this section styles itself" note instead of a real picker, on the assumption that a theme pack couldn't reach them. That assumption didn't hold up, so the picker now renders for those too.
Below the header sits a segmented control with three lenses — Content, Design, Behavior — pick one to filter which control groups show underneath. There's no fourth "All" tab: an earlier version had one, but it made every panel open front-load every tab's controls at once, so it was dropped — searching (below) is now how you reach something outside the active lens. A lens with nothing to show for this section type (for example, a section with no A/B test support) is disabled with a tooltip explaining why, rather than switching to something else silently.
Under the active lens, a "Your changes — everything else follows the brand" callout lists exactly the fields you've changed for that lens. It reads "Nothing yet. Change anything below and it appears here, revertable forever." until you change something; once you have, it shows a collapsed "N changed in this lens" row — click it to expand the list. Each changed field shows its label in bold, its current value underneath, and a ⟲ (revert to default) button on the right that snaps just that one field back to the brand default.
Below the header sits a search field — "Search this section's controls…" — that filters the group list live as you type, matching a group's category name, its label, or the text of any control inside it. A matching group opens automatically as you type (search auto-expands hits, it doesn't just narrow the list) and stays scoped to whichever lens tab you're on; controls inside a matching group that don't themselves match the search text are dimmed rather than hidden, so you can still see them in context. Clearing the box (or switching tabs) brings back the full list.
Below that is a stack of control groups, each its own card — human names, not field jargon — with a count of the controls inside it shown at the right of its header row: Words, Media, Sale badge, Container, Backdrop & overlay, Typography, Buttons, Shadow & motion, Visibility, A/B test, and more, depending on what the section supports. If any control inside a group has been changed from the brand default, that group's title also picks up an accent-coloured "· N changed" suffix right next to its name — a group you haven't touched stays plain. When two or more groups belong to the same category and land next to each other, only the first one carries a small uppercase category label above it — the rest of that run reads as belonging to the same category without repeating the label. Click a group's card to expand it and edit its controls; not every section has every group, and a section with a layout choice (grid vs. list vs. carousel, and similar) has its variant picker rendered as a row of pictogram thumbnail cards above the group list, not a dropdown.
Inside a group, the controls themselves are picked to match what they're choosing, not a generic dropdown for everything:
- A small, fixed set of choices (Section Padding is the one you'll see most — None, Small, Medium, Large) renders as a row of equal-width pills in one rounded track, each with a small sublabel underneath its name (Section Padding's pills show 0px / ~32px / ~64px / ~96px) so you can see roughly what you're picking before you click it. The selected pill fills solid in your accent colour.
- A continuous number (spacing, sizing, and similar) renders as a slider with a number field next to it — drag the slider or type an exact number, and the current value (with its unit, where one applies) is shown live next to the control's label as you move it, not just once you let go.
- A colour opens a picker with a row of preset swatches — the swatch matching your current colour shows a thicker, accent-coloured border around it so you can spot which preset (if any) you're already on; picking a different swatch, or typing a hex value above the row, moves that border to the new one.
Click Done at the bottom of the card (or press Esc) to close it. Done only closes the card — it doesn't save anything itself, and no confirmation toast appears when you click it. Every edit you make is already written to your draft the moment you type it, the same way canvas edits are; saving to the server still runs on its own schedule (autosave) or when you click the header Save/Publish button, same as everywhere else in the editor.
Editing text right on the canvas
For a curated set of section types, you don't have to open All settings just to fix a typo. A single click — not a double-click — directly on a plain-text field (a headline, eyebrow, subheading, or a button's label) in the live preview opens an input exactly over that text, matched to its font, size, and colour, so it reads as the text itself becoming editable rather than a box landing on top of it.
Click the text on the canvas
A single click on a headline, eyebrow, subheading, or button label directly in the live preview opens the inline editor. An input opens in place, positioned and styled to match what you clicked — no double-click, and no need to open the section's own editor first.
Type your change
Every keystroke writes straight to your draft — the same save path as editing the field from All settings, so undo/redo, the changed-fields list, and autosave all keep working exactly the same way.
Commit or cancel
Press Enter (single-line fields only) or click away to commit the change and close. Press Esc to cancel — this reverts the field to what it was before you started editing, then closes.
Which section types this works on today
Click-to-edit on the canvas covers plain-text fields on 22 section types: Welcome banner, Your story (Brand Story, Founder Story, and Sustainability Story), Your products (Best Selling and Featured Collection), Featured product, Customer trust (Customer Reviews and Trust Badges), Questions & answers, Announcement, Join our list, Browse categories, Why choose us, Shop by category, By the numbers, Certifications, Our guarantee, From the blog, How it works, Our timeline, and As seen in. Every other section type still opens through the toolbar's Words button or All settings — clicking their text on the canvas selects the section, it doesn't drop you into an inline editing box.
Why didn't clicking my text open an inline editor?
Two common reasons: the section type isn't on the list above yet — use the toolbar's Words button or All settings instead — or the field is a rich-text field (formatted body copy that supports bold, italics, lists, and links, like Your story's description or a Text block section's body). Rich-text fields are deliberately excluded from canvas click-to-edit and always open in All settings, where they get a proper rich-text toolbar instead of a plain-text box — that protects existing formatting a plain input could otherwise clobber.
Desktop, tablet & mobile preview
A viewport switcher at the right end of the status strip (below the header) toggles between desktop, tablet, and mobile views. Each viewport renders your page at a fixed width — 1100px for desktop, 768px for tablet, 375px for mobile — the same numbers a real browser at those widths would use, so your page's own responsive breakpoints fire honestly instead of an approximation. The rendered card is then scaled down (never up) to fit whatever space your browser window actually gives the canvas, sitting on a light warm-gray surround so the page reads as a bright card floating on a calm field — widen your browser and the card gets visually larger up to its real size, it never stretches past it.
Undo, redo & keyboard shortcuts
Every change is tracked in an undo/redo history for the current session. On Windows/Linux the modifier is Ctrl; on Mac it's ⌘.
| Action | Shortcut |
|---|---|
| Save draft | Ctrl/⌘ + S |
| Publish | Ctrl/⌘ + P |
| Undo | Ctrl/⌘ + Z |
| Redo | Ctrl/⌘ + Shift + Z (or Ctrl/⌘ + Y) |
| Delete selected section | Delete or Backspace |
| Duplicate selected section | Ctrl/⌘ + D |
| Move selected section up / down | Ctrl/⌘ + ↑ / ↓ |
| Add a section | Ctrl/⌘ + Shift + A |
| Desktop / tablet / mobile preview | Ctrl/⌘ + 1 / 2 / 3 |
| Open command palette | Ctrl/⌘ + K |
| Deselect / close a dialog | Esc |
Shortcuts are disabled while you're typing in a text field (except Esc, which still closes open dialogs), so they never interfere with writing copy. Press Ctrl/⌘ + K to open the command palette — a searchable list of every action available in the editor (save, publish, add a section, switch preview device, and more), grouped by category, each with its shortcut shown next to it. It's a fast alternative to hunting through menus once you know roughly what you want to do.
A full shortcut list, along with everything else, is available from the Help menu (the ? icon in the header): Keyboard shortcuts (the same list shown above, also opened directly by pressing ?), Take the tour (a short guided walkthrough of the section list, the edit pencil, section tabs, the drag handle, and the Publish button — this also opens automatically the first time you use the editor), Help center, and Contact support.
Health and SEO scores live in the command bar
The Health and SEO scores show as two small numbered pills, next to a status dot, at the left end of the ⌘K search capsule in the command bar — click either to open its drawer. A separate "N things need you" pill floats near the canvas and lists the same underlying issues in one place; clicking an item in it jumps you to the section it's about. If your window is narrower than about 1280px, some right-side buttons (History among them) hide to avoid crowding; widen the window or use the ⋯ overflow menu next to Publish to reach them.
Note
Deleting a section always asks you to confirm first — there's no accidental one-key wipe.
Auto-save, drafts & version history
Your work is auto-saved as a draft continuously while you edit, and again if you close the tab with unsaved changes — so closing the browser never loses your progress. A separate local backup is kept every 5 seconds while you're actively editing (and dirty), and BillionBiz offers to restore it if your session ends unexpectedly.
If an autosave fails — a network hiccup, a server error — a red banner appears at the bottom of the canvas: "Your last save failed. Your edits are safe in this browser tab but haven't reached the server yet — retry, or keep editing and we'll try again automatically." It carries two buttons, Retry save and Dismiss. Your edits are never lost or reverted while this banner is showing — the editor used to silently discard the failed edit and mark the page as saved anyway; it now keeps what you typed and keeps telling you it hasn't reached the server. Click Retry save to try again immediately, or Dismiss to keep editing and let the normal autosave loop retry on its own; either way, the banner reappears if a later save also fails, and disappears on its own the moment a save succeeds.
Click History in the editor header to open the version browser. From there you can:
- Search or filter through your recent saved versions.
- Preview any earlier version before deciding whether to use it.
- Restore an earlier version — you'll be asked to confirm, since this replaces your current draft.
Restoring a local backup
If BillionBiz finds a local backup newer than the last version saved on the server (for example, after your browser or laptop crashed mid-edit), it offers to restore it. Clicking Restore first compares timestamps:
- If the backup is actually older than or the same age as the server's last save — meaning the server already has everything the backup does, or more — BillionBiz discards the backup on the spot and tells you so, rather than rolling your page backward.
- Otherwise, you'll see a confirmation dialog naming both times explicitly ("This local backup is from [backup time]. The page was last saved on the server at [server time]. Restoring will replace your current draft with the backup's content — you can still Undo afterward."). Confirm to load the backup into your draft, or cancel to leave your current draft untouched.
The backup banner itself also self-dismisses without any click from you if the server's saved version catches up to (or passes) the backup while you still have it open unread — for instance, if another tab or a colleague saves newer content first. You'll only ever be offered a backup that's genuinely ahead of what's already saved.
Multiple tabs
If you have the same page open in two browser tabs, BillionBiz detects the conflict and offers to reload with the other tab's latest save, so you don't overwrite a colleague's (or your own) more recent work.
Audit log
Click the audit-log icon next to History in the header to open a feed of who changed what and when — every section add, delete, duplicate, reorder, and content/style edit, plus theme changes, is logged with the editor's name and a relative timestamp ("2 hours ago"). Filter the feed by what happened or by a date range, and click Refresh to pull in the latest entries without closing the drawer. Use this alongside History when you need to know who made a change, not just what the page looked like before it.
Publishing & the preview link
Publishing is a separate step from saving. Click Publish in the editor header (or press Ctrl/⌘ + P) to start the publish pipeline:
Validating
BillionBiz checks your draft for problems — missing required fields, broken links, and similar issues — before anything goes live.
Publishing
Once validation passes, your sections are pushed to the live storefront.
Live
A confirmation shows your page is live, with an Open in a new tab link so you can see exactly what customers see.
If validation finds a problem, the Publish button shows a small badge with the number of errors instead of publishing. Click it to open a popover listing every error — which section, which field, and what's wrong — each with a Jump to section button that selects and scrolls to the offending section so you can fix it without hunting for it yourself.
If your draft would remove sections that are currently live — especially if it would publish a page with zero sections — BillionBiz shows you exactly what's being removed and asks you to confirm before publishing. This protects you from accidentally wiping your live homepage with an in-progress draft.
A status strip below the header keeps you posted on the outcome: it shows draft, published, or unsaved changes, with a pulsing dot for at-a-glance state. Hover it for the exact detail — a progress bar while a publish is in flight, an error message if the last publish failed, or the date and editor name of your last successful publish once it's done.
Template gallery
If you're starting from a blank page, or you want to swap your current layout for a different look, open the template gallery: Online Store → Pages, then open the "pages you build" card and click Start from a template — or, if you're already inside the editor, click the section library's + icon in the left rail and switch to the Start from template tab. Both paths land you on the same gallery.
The gallery itself lives at its own page, /landing-page-editor/templates, so the URL is
shareable and bookmarkable — anything you type into search or pick in the industry filter updates
the URL (?industry=, ?q=) so a link you send a teammate reopens the same filtered view.
What's in the gallery
- 18 real templates, one card each, with the actual number of sections it's built from shown on the card (e.g. "9 sections").
- A left-hand Industry filter rail (desktop) — click an industry to narrow the grid to just that niche; each entry shows a live count next to it, and All at the top shows the full 18. On narrow screens the rail collapses into a row of tappable chips above the grid instead.
- A search box at the top — matches against a template's name, description, and industry as you type.
- Each card shows a portrait cover image of the real rendered template, its industry tag, name, a two-line description, and the section count.
Every card has two actions:
- Preview — opens the template in a new browser tab at its own preview URL
(
/landing-template-preview/<template-slug>), rendering every one of its real sections with sample products and content so you can judge the actual layout, not a screenshot. A Preview mode banner across the top makes clear this isn't your live page. Use the desktop/mobile toggle in the top bar to check both layouts, and click Use this template from inside the preview to apply it directly — you don't have to go back to the gallery tab first. - Use this template (or Upgrade to use on a locked card) — applies the template to your page immediately.
If your page already has content
Applying a new template when you have existing sections opens a confirmation dialog first — it tells you how many sections you have now and how many the new template will add, and warns that the swap can't be undone (though Undo still works right after you apply it, from the editor's undo history). Click Replace & Apply to continue, or Cancel to keep what you have. Picking Start from scratch instead always opens an empty canvas, with no confirmation needed since there's nothing to lose.
Plan gating: free vs. every paid plan
Template access is now all-or-nothing by plan tier, not per-template. If your store is on the Free plan, every one of the 18 templates shows a lock badge ("Upgrade to unlock") over its cover image and its button reads Upgrade to use instead of Use this template — clicking it shows a toast telling you to upgrade rather than applying anything. The moment your store is on any paid plan, all 18 templates unlock at once — there's no per-template "requires Growth" or "requires Max" tier to work around anymore.
Why does a template I could use yesterday suddenly look locked?
Locking is driven entirely by your store's current plan tier, refetched each time you open the gallery — if your subscription lapsed, downgraded, or is mid-renewal, every template locks at once until the plan resolves back to a paid tier. It isn't template-specific, so if one card is locked they all are.
Browsing from inside the editor
The section library's Start from template tab (the + icon in the left rail, then the tab next to All sections and My snippets) shows the same 18 cards in a more compact layout — same cover art, industry tag, name, and section count, without the description text. It's meant for a quick swap without leaving the editor. A Browse full gallery link in the top-right corner of that tab opens the full standalone gallery page in a new tab if you want the filter rail and search. Picking Use this template from the compact tab shows the same replace-confirmation dialog described above before it touches your draft.
Guided first-time setup
If you'd rather answer a short set of questions than build a page section by section, BillionBiz offers a seven-step guided studio that builds a complete homepage for you.
If your store has no published page yet, you don't need to go looking for it — open Online
Store → Pages and click into the "pages you build" card as you normally would (or open
/landing-page-editor directly), and BillionBiz takes you straight into the seven-step wizard
automatically. You'll land on Step 1: Your brand immediately, no extra click required.
This auto-entry has a few edge cases:
- Click "Use the classic editor instead" (or otherwise back out of the wizard) once, and BillionBiz remembers — the next time you open the editor for that store, you land in the regular section-by-section editor (or the template gallery, if that's where you'd have landed anyway) instead of being sent back into the wizard. This is remembered per store, not per browser session, so it sticks across logins and devices for anyone editing that store.
- Asking for the template gallery explicitly — clicking Start from a template, or opening
/landing-page-editor/templatesdirectly — always wins over auto-entry, even on a brand-new store with no published page. - The maintenance page is never auto-routed into the wizard. The guided studio only understands a normal storefront homepage; if you're editing your maintenance/coming-soon page, opening it always goes straight to the classic editor.
- The persistent Set up my page button in the editor header (see below) still works normally even after you've backed out once — dismissing auto-entry only stops it from happening automatically on open, it doesn't hide the manual entry point.
Once your store has a published page, auto-entry no longer applies — opening the editor takes you straight to your page, as normal. To run the guided flow again, click Set up my page in the editor header (the icon button next to AI Assist, tooltipped "Guided page setup"). Since you already have a live page, this takes you to the Improve my page checklist instead of the seven-step wizard (see Improve my page: the returning-merchant checklist below) — whether you see the wizard or the checklist is decided by whether your store actually has a published page with sections right now, not by which button or link you used to get there.
Why did the guided setup open by itself?
BillionBiz auto-opens the seven-step wizard the first time you open the editor on a store that has never published a landing page — it's meant to save you from having to find the "guided setup" option yourself. If you'd rather build section-by-section, click Use the classic editor instead inside the wizard; BillionBiz won't auto-open the wizard again for that store afterward (the manual Set up my page header button is always there if you change your mind later).
The seven steps
Your brand
Reads your store's real brand colours (set in Store Branding → Logo & Identity → Brand Colors — see Store Branding) and shows them as swatches. If you haven't set brand colours yet, no swatches show and a note tells you to set them in Store Branding first — the Use Brand Kit switch stays disabled until you do. Turning Use Brand Kit on links this page's colours and fonts to your store branding, so a later change in Store Branding updates this page automatically; it's the same switch as the one in the Brand drawer (left rail → Brand icon — see Brand Kit for exactly what it links and what it doesn't), not a separate copy. Below that, pick one of two font pairs — Playfair Display (warm & classic) or Archivo (bold & modern) — both real, web-loadable fonts that render exactly as shown once published.
Your welcome
Write your homepage headline, then add a photo. Click the + tile (or an already-set photo) to open the same Content library used everywhere else in the editor — upload a new image or pick one from your library. The two small colour tiles next to it are placeholder swatches only; they do not become your hero image. Only a photo you actually upload or select through the Content library is used when your page is built.
Your products
Defaults to Let us pick best sellers, which shows your live catalog (BillionBiz fetches your first 8 products) and builds a "Best sellers" section that resolves automatically at render time — you don't lock in specific products this way. Switch to I'll choose myself to search your catalog (results update as you type) and hand-pick up to 4 products; picking any product this way locks the section to exactly the ones you chose.
Your story
A plain text box for two or three sentences about who you are. Leave it blank and your page still gets a story section, with a generic "Tell customers who you are." placeholder — worth filling in before you publish.
What customers say
If your store has reviews, this step shows the real count and average rating from the last 365 days ("We found 12 reviews on your store, averaging 4.6 stars") and offers up to 6 of your real approved reviews to seed the section. If you have none yet, it says so honestly — "No reviews yet — you can still add this section and it'll fill in as reviews come" — rather than inventing sample reviews. Show my best reviews is selected by default; switch to Skip for now to leave reviews off this page entirely.
A welcome offer
Choose 10% off first order, Free shipping, or No offer. The first-order discount is selected by default — if you don't touch this step, your published page gets a "10% off your first order" announcement bar even though you never explicitly chose it.
Go live
A summary shows how many sections your page will have. Click Publish my page when you're ready — this is the only thing in the whole wizard that writes anything to your live store. Nothing from the previous six steps is saved anywhere until you click this button.
Nothing is saved until you publish
Unlike the classic editor, the guided studio has no autosave and no separate "save draft" step. Everything you type or pick across all seven steps lives only in the browser tab until you click Publish my page on the last step. If you close the tab, navigate away, or click Use the classic editor instead before reaching Go Live, your answers are gone and you'll start the wizard over next time.
You can jump to any step at any time using the numbered list on the left, and every step is skippable — the wizard never blocks you from moving on. A step you skip isn't left empty; it contributes whatever default is described above (a generic story sentence, the 10% discount, and so on), so review each step before publishing rather than assuming "skipped" means "left out."
Improve my page: the returning-merchant checklist
Once your store has a published page, the same Set up my page header button opens a read-only Improve my page checklist instead of the wizard — a "here's how your page is doing" summary across six categories: Your brand, Your welcome, Your products, Your story, What customers say, and A welcome offer. Each is marked Set or Not set yet by checking your page's real, current sections (and, for Your brand, whether Brand Kit is actually turned on) — it's a live read of your existing page, not a re-run of your wizard answers.
Every item's Edit button, and the Open the full editor button at the bottom, both take you to the classic section-by-section editor — the checklist never re-runs the wizard on a page that already has content, since the wizard would silently replace your real sections with its own handful rather than merge with them.
Note
The checklist checks for the same handful of section types the wizard itself builds (hero, best sellers, story, reviews, offer banners) — it's a "have you covered the basics" pass, not a full audit of your page. Use the Page health score (above) for a complete content, SEO, accessibility, and performance check.
Why don't my brand colours show up on the page?
If Your brand still shows "Not set yet" on the checklist, or the swatches never appeared on step one of the wizard, your store doesn't have brand colours saved yet — set them in Store Branding → Logo & Identity → Brand Colors first, then reopen the guided setup or the checklist.
English only, for now
The guided setup's own text (step titles, prompts, button labels) is available in English only. This is separate from your Settings → Preferences → Dashboard language choice, which changes the rest of the admin dashboard around it — the guided studio's copy doesn't yet follow that setting.
Images, illustrations & stock photos
Click the image icon in the header to open the Content library — the same dialog opens whenever a section's Content tab asks you to pick an image. It has four tabs:
- My Images — every image you've uploaded to this store, searchable, with a grid or list view. The very first tile in the grid is an inline "Drop files or browse" tile — drag a file onto it or click it to upload without switching to the Upload New tab. Right-click an image for Replace, Copy URL, Download, or Delete, and use Load More to page through a large library.
- Illustrations — a built-in set of royalty-free illustrations, browsable by category or by search.
- Stock Photos — search Unsplash or Pexels for free stock photography, if your store has a stock-photo API key configured; each result carries the required photographer attribution.
- Upload New — drag and drop files or click to select. JPG, PNG, GIF, and WebP are supported, up to 10MB per file, and you can select several files at once.
What the Content library does not do
The library does not auto-convert an uploaded file to WebP on your behalf, and it does not save a focal point back onto the image for reuse elsewhere — the focal point you set below is a one-time choice for the section you're placing the image on, not a property stored on the image itself. If you place the same photo on two sections, you'll set its focal point separately on each.
When you're placing an image on a section that uses cover-crop (the image fills its container), click anywhere on the preview to set a focal point — the point that stays visible no matter how the image gets cropped on different screen sizes.
Some section content fields use a simpler, inline picker instead of the full Content library (its own Upload / URL / Brand Assets tabs, right there in the Content tab). Either way, dropping or selecting a file shows an "Uploading…" state on the preview while the file is sent to BillionBiz's storage; the field only saves a permanent image URL once that upload finishes. If an upload fails, you'll see an error message under the field and the section keeps showing whichever image it had before you tried — it never silently saves a broken temporary link that would work in this tab but stop loading everywhere else once you close it.
SEO, social sharing & integrations
Click the SEO score badge in the editor header (a number out of 100, in the status strip below the header) to open the Page settings drawer on the right — everything about how this page is found, shared, protected, and connected to outside tools lives here now, as six accordion groups you expand one at a time. SEO is expanded by default; the page's live preview URL is shown as a static line at the top of the drawer, above the groups.
SEO — set the Page title (up to 70 characters before the field warns you it's getting long) and Meta description (up to 160 characters, same warning behaviour) that appear in search results, plus the page's URL slug. The score breakdown lists every check BillionBiz runs (title length, meta description, image alt text, and similar), which ones are passing, and a hint for fixing the ones that aren't.
Social share — set an Open Graph image, OG title, and OG description (each falls back to your SEO title/description if left blank), then check the Facebook and Twitter/X tabs of the live preview card to see exactly how the page will look when someone shares its link, including per-platform character counts.
Privacy — two switches: Allow search engine indexing (on by default; turn it off to keep this specific page out of search results without unpublishing it) and Password protect, which reveals a Password field once turned on — visitors must enter it before the page renders.
Search engine visibility — Include in sitemap.xml (a separate switch from indexing — you can allow indexing but still leave a page out of the generated sitemap), a Canonical URL override for when this content is duplicated elsewhere, and an Hreflang editor: add one row per alternate-language version of this page (a language code and its URL) so search engines know they're the same content in different languages.
Structured data (JSON-LD) — paste a JSON-LD schema object (for example a WebPage or
BreadcrumbList type) into a monospace text box; it's injected as a <script type="application/ld+json"> in the page's <head> when published. Invalid JSON shows an inline
error instead of silently failing to publish something broken.
Integrations — connect this page to outside tools:
- Google Analytics 4 — turn on GA4 event tracking and enter your Measurement ID.
- Tracking pixels — Meta Pixel, Google Ads conversion ID/label, LinkedIn Insight Tag, and TikTok Pixel IDs, for ad platforms that need to see which visitors reached this page.
- Lead capture — choose where new leads from this page's forms go: your store's Newsletter list, a Mailchimp audience (by audience ID), or a Webhook URL. You can also ping a Slack channel on every new lead and customise the thank-you message shown after someone submits their details.
- Webhooks — add one or more webhook URLs that fire on publish, theme change, or section change (toggle which events each webhook cares about). Each webhook can be enabled or disabled, and its recent deliveries are viewable inline — each with a status, latency, and timestamp, with a Retry button on any failed delivery.
Why is my page missing from search results?
Check Privacy → Allow search engine indexing first (it must be on), then Search engine visibility → Include in sitemap.xml. Both need to be on for a page to be both crawlable and discoverable via your sitemap; either one being off is enough to explain a page that never shows up.
Page health
Next to the SEO badge, a health score badge (also out of 100) gives you a single number for the page's overall quality. Click it to open the health drawer, which groups issues into four categories — SEO, Accessibility, Performance, and Content — each flagged as an error, warning, or tip, with a Fix button that jumps straight to the section that needs attention where one applies. Below the issues, a Smart suggestions panel surfaces lower-priority improvements you can act on directly from the drawer.
Reusable snippets
Save any section's exact content and style as a named snippet so you can reuse it without rebuilding it from scratch. From a section's ⋯ menu, choose Save as snippet, give it a name and (optionally) a folder to keep them organised. From then on:
- Open + Add Section and switch to the My Snippets tab to insert a saved snippet as a new section.
- Use Apply preset from any existing section's ⋯ menu to overwrite that section's content and style with a saved snippet's.
- Open the snippet manager (also reachable from the section library) to rename, delete, or reorganise your saved snippets into folders.