Desktop, tablet and mobile email preview

Every email in the catalogue can be viewed at desktop, tablet or phone width, with light and dark switching.

What it is

A device toggle above the preview that re-renders the selected email at 1000, 768 or 390 pixels wide, plus paging between emails without leaving the preview.

Also called: how does the email look on a phone · responsive email check

See it
Desktop, tablet and mobile email preview
CustomerBuildingAmountStatus
Delia Yoder30×40 Garage$12,980Sent
Sutter Kline30×40 Garage$18,110Draft
Sutter KlineBarndominium$2,150Paid
Ivy Brubaker40×64 Shop$9,750Draft
Ivy BrubakerHobby Shop$2,530Draft
The device toggle row with Mobile selected and the email rendered in a narrow frame. Sample data — no customer information appears here.
How it works
  1. 1Device options map to viewport widths applied to the isolated preview frame.
  2. 2Sun/moon controls switch the rendered appearance.
  3. 3Left/right controls step through the emails in the current category.
Why we built it

Most customers read email on a phone. A preview that only shows desktop width hides the failure mode that matters — a header logo or a button that breaks on a narrow screen.

The problem
  • Branding was only ever checked at desktop width.
Sound familiar?
What you get
Mobile rendering problems are caught before a customer sees them.

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 →