Snapshot Builder
Use Snapshot Builder for structured edits on Next.js and Nuxt websites
What Snapshot Builder Is
Snapshot Builder is the structured editor used for many Next.js and Nuxt websites.
It is a safer, more guided editing experience than jumping straight into code-like changes.
Best Uses
Use Snapshot Builder when you want to:
- update page content
- edit sections in an organized way
- work with forms
- review SEO fields
- save or publish a structured change
Save vs. Publish — What "Live" Really Means
When you edit in Snapshot Builder, the preview updates right away so you can see exactly what the change looks like. But that preview is not your real, public website yet — it's a private draft that only you (and your agency) can see.
Think of it like a document you're editing: the preview shows you the current draft instantly, but nobody else sees it until you publish it.
- Save stores your edits as a draft on our servers. Your work is safe — you can close the tab and come back later — but your live website is unchanged.
- Publish takes everything in the draft and pushes it live. This is the moment visitors to your real website actually see the change.
Some websites are set up so a client's changes need agency approval first. If that applies to your site, the Publish button is replaced with Submit for review — your agency approves the change before it goes live.
When Publish Says "Nothing To Publish"
If you click Publish and nothing on the page actually changed, you'll see a message like "No changes to publish — your site is already up to date with your last publish." This is expected — it just means there's nothing new to send live yet. If you made a real edit and still see this message, go back and check that you saved the edit before publishing again.
Typical Flow
- Open your website.
- Click Website Builder or Open builder.
- If your site is a Next.js or Nuxt site, Snapshot Builder opens.
- Choose the page you want to work on.
- Update the section, form, or SEO area.
- Review the result in the preview.
- Click Save to keep your draft, or Publish (or Submit for review) when you're ready to go live.
Working With Page Elements
- Click to select: Click almost any block, image, or section on the page to select it. Your selection locks in place, so moving your mouse over other elements won't steal your spot. That way you can type out your change request without losing what you picked. Click the small × next to your selection in the chat box to clear it and pick something else.
- Hide, show, or delete: Once you select an element or a section, buttons appear to hide it, show it again, or delete it. If something goes missing, check the "..." menu for "Show hidden items." Hidden items show up grayed out with a dashed outline so you can find and bring them back.
- Add images: Upload your own image, pick one from your media library, or ask the AI to generate one. This also works on empty image blocks that don't have a picture yet — select the block and use the image controls to add one directly.
- Fine-tune the crop: Drag on a selected image to choose which part of it stays visible.
Clicking to select something and using these controls — swapping an image, dragging the crop, nudging spacing or alignment — saves straight to your draft right away. Typing a request into the chat box instead (especially anything vague, like "make this pop more") may take a bit longer, since it goes through your agency's AI assistant first. Quoting the exact text you want changed, like change "Book Now" to "Get a Quote," is fast either way.
When Snapshot Builder Is Better Than Command
Snapshot Builder is better when:
- you need to move through several pages
- the edit touches multiple sections
- you want a clearer editing structure than a chat flow
Good Habit
Use Command first if you are not sure what page needs the change. Use Snapshot Builder once you know where the work belongs.