Previewing emails on real orders, phones and dark mode

The email looked perfect on the office monitor. On a phone in dark mode, the dark-lettered logo disappeared into the background, and “Sign your quote” sat below a long introduction. The message was intact. Its purpose was harder to find.

OrderPilot's template editor lets you preview desktop and mobile widths, light and dark treatments, and actual order data. Use those views, send yourself a test, and publish the reviewed draft. A few deliberate checks are more useful than admiring the desktop preview for another minute.

Preview the message with an order that tests it

Use a specific order as well as the editor's sample data. Choose one with the details that challenge your emails: a long fabric name, several furniture lines, a delivery charge, or a location with different branding.

The preview stays in view while you edit, so you can see how changes affect the message. Move between Desktop and Mobile, then Light and Dark. Read the email in each view instead of checking only whether the layout fits. Keep test data purposeful. A short lamp order won't reveal what happens to a sectional's full configuration. The email design guide helps you decide which details deserve space.

Run the same five checks every time

1. The logo remains visible. Inspect the mark against both backgrounds. If its lettering disappears, use a suitable logo treatment and retest the result.
2. The main action is easy to find. On a phone, keep the first useful action near the opening. A smaller screen shouldn't make the customer read a brochure before reaching the quote.
3. The subject and preview text explain the message. Read the inbox view in the test email, including any clipping.
4. Merge fields resolve correctly. Check the customer, order reference, amounts, location, and links against the selected record.
5. Every link reaches the intended destination. Open the quote, signing, payment, or tracking link and confirm the right record appears.

For a worked example, take a quote email with a long introductory paragraph before its action. Shorten the opening to identify the prepared furniture and ask the customer to review it. Keep the detailed specification in the quote. Then test Mobile again. The improvement is a clearer path to the same information, not merely less text.

Send a test to the inbox you will actually read

The editor preview helps you inspect the design; a test send shows how an email client handles it. Send the message to yourself, open it on a phone, and repeat the link check there. Read with images available, then consider whether the main message still makes sense without relying on a picture. The customer needs to know what happened and what to do next even if the sofa takes its time arriving on screen.

A test also gives the sender identity and subject a practical review. If those need work, follow the own-domain email guide. Design and sending identity should tell the same story.

Keep theme changes separate from publication

Changing a theme offers Keep my blocks or Use theme defaults. Keep my blocks preserves your content structure while you try the theme; Use theme defaults starts from that theme's block arrangement. Choose deliberately, then reread the whole draft.

Draft edits autosave, but customers don't receive those design changes until the template is published. That distinction lets you review without rushing the live version. Staff roles determine who can edit and publish; ask the person responsible for those permissions if the action is unavailable.

After Apply this look from Branding, run the same check again. A shared font or button change can affect how an existing message reads. The whole-journey branding guide explains how those drafts fit into the broader update.

Restore an earlier design through the draft

Version history lists the newest versions first and lets you compare changes. If a revision caused a problem, inspect the earlier version and restore it into the draft. Review the restored draft, send another test, then publish it. Restoring doesn't rewrite emails already sent or remove them from customers' inboxes. Use the send log when you need to establish what a particular customer received.

Repeat this routine after a logo replacement, theme change, substantial block edit, or shared branding update. The final question is practical: can the customer recognize the store, read the message, and reach the correct next step? Start with the email themes and block editor, then make the phone test part of finishing the work.