Live email preview while you edit

A real email renders beside the brand controls and re-renders as you change them, with a picker for which email to preview.

What it is

The preview pane renders an actual template — a typed message, estimate ready, contract to sign, project update, lead assigned, or the platform welcome — against the brand being edited, using the same renderer the send path uses.

Also called: preview my email branding · what will the customer see · email mockup

See it
Live email preview while you edit
Day rate
$400
Days figured
5
Crew size
5
Fuel & equipment
$300
Finished 2 days early — $1,800 back to the crew
The Live preview panel with the template picker above it, showing a branded estimate-ready email. Sample data — no customer information appears here.
How it works
  1. 1PREVIEW_CHOICES lists the templates, including a freeform typed message with realistic sample copy.
  2. 2The brand is resolved from the current editor state with the shared resolver.
  3. 3The rendered HTML is shown inside an isolated preview frame.
Why we built it

Brand settings are otherwise a blind edit — you save, send yourself a test, and iterate. Rendering with the same library that sends removes the gap between the preview and the real thing, which is the usual failure of email branding tools.

The problem
  • Brand changes could not be evaluated without sending a test.
  • Previews rendered by different code than the send path.
Sound familiar?
What you get
Brand edits are judged against a real email before saving.
Preview and send cannot disagree.

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →