Overview
Unlayer provides the Inbox Previews feature, which allows end-users to visualize how an email design will render across a wide range of email clients and devices before it is sent. This feature helps ensure design consistency by simulating how an email will appear in platforms such as Gmail, Outlook, Apple Mail, and mobile apps. By identifying rendering issues early, inbox previews help reduce formatting errors, improve user experience, and increase engagement through well-optimized emails.
NOTE: Inbox Previews is available on the Optimize and Enterprise plans.
How to Configure
Inbox Previews can be enabled through the builder’s initialization options. Once enabled, end-users can access inbox previews directly from the builder’s preview page to see how their email will appear across different email clients—without leaving the builder.
To enable this feature, pass the inboxPreviews flag in the features object when calling unlayer.init() and set it to true.
unlayer.init({ features: { inboxPreviews: true, } });
After enabling this option, the Inbox Previews entry will appear on the preview screen within the builder, allowing end-users to generate previews for supported email clients and devices.
Supported Clients
Inbox Previews supports rendering previews for the most commonly used email clients, including:
Gmail (Web and Mobile)
Outlook (Office 365, Outlook 2016, Outlook.com)
Apple Mail (macOS, iOS)
Yahoo Mail
Samsung Mail
AOL Mail
Use Case Scenarios
Inbox Previews is especially useful in the following scenarios:
Campaign Launch QA: Verify email rendering before sending large-scale campaigns.
Dark Mode Testing: Verify that your design elements adapt properly in dark mode environments.
Mobile Responsiveness Checks: Preview how your email will appear on various mobile devices.
Cross-Client Rendering: Confirm that variations render properly across clients.
Client-Specific Bug Fixing: Identify layout issues unique to Outlook or Gmail, which have known quirks.