Live preview

Edit on the left. Watch the page on the right.

Most editors make you save, open a new tab, refresh, squint, and go back. Ours shows the real page — the same one visitors load — updating while you type. Try the loop below: it's the same card component the editor previews.

Included on the free plan. No credit card.

Edit — like the editor's left pane

Brand color

Preview — the real card component

Marcus Cole

Head Coach · Peak Performance Athletics

Multi-sport training in Nashville. Parents book straight from this page.

Save. New tab. Refresh. Squint. Repeat.

The standard flow for editing a booking page is a loop: change a field, save, find the public URL, refresh it, notice the intro is two words too long, go back. Ten edits is forty tab switches, and somewhere in there you stop polishing and just publish whatever.

Pages that get polished convert better than pages that got abandoned mid-edit. The preview exists so polishing costs nothing.

How it works

  1. 1

    Open the editor

    Rep Card or Schedule Page — the preview pane sits beside the fields, phone-width.

  2. 2

    Type and watch

    Every field change re-renders the real page. Copy, colors, block order — all of it, as visitors would see it.

  3. 3

    Preview the draft, keep the live page live

    The pane shows your unpublished draft; the public URL keeps serving the published version until you say so.

  4. 4

    Publish once it reads right

    No deploy step, no cache mystery. The page you previewed is the page that goes out.

Build yours in 5 minutes.

Pick a template, swap in your details, publish. Free plan, no credit card.

Goes well with

Common questions

Is the preview a simulation?

No — that's the point. The preview pane loads your actual page, built the same way visitors get it, in a draft-only mode gated to you. What you see is what publishes.

Does it show unpublished changes?

Yes. The preview renders your draft state while the public URL keeps serving the published version. Publish when the draft looks right.

What width does it preview at?

Phone-width first, because that's where booking links get opened. Your page is built mobile-first, and the preview keeps you honest about it.

Do I still need to check the live page?

A final scroll on your own phone never hurts, but the preview is the same code path — not a lookalike — so there are no surprises waiting after publish.