How to add "browser preview" for emails
Let your recipients view your email messages directly in their browser.
Providing your recipients with a "view in browser" option is a simple yet effective way to ensure your emails are accessible even if the layout breaks in their inbox or images don’t load properly. In this guide, you will learn how to easily add a preview link to your emails using a special snippet tag.
How to Configure
Open the email message you want to modify in the email editor. You can either enter it via the existing campaign or via Campaigns > Emails > Settings > Messages section.
Choose the place on your template where the "view in browser" link should be placed and drag the "HTML code" module there.
Insert the following HTML tag:
<a id="UE_browser_preview">View in browser</a>You can add additional styles to make the link suitable to your design. Moreover, consider adding supporting text, such as: “If this email doesn’t display correctly, view it in your browser.”
Save the changes.
NOTE! The email preview will be accessible for 7 days from the moment the campaign is sent. After this period, recipients clicking the link will see a placeholder page instead of the original email.
Use Cases
Ensuring consistent delivery across devices and email clients
Different email clients (Outlook, Gmail, etc.) sometimes render HTML emails differently especially when images or fonts are involved. If you are sending visually rich newsletters, product showcases, or promotional graphics, giving users the option to view the email in a browser helps preserve layout and branding consistency.
Supporting users behind strict firewalls or security filters
In B2B scenarios, corporate firewalls often block external images or links in emails, making key content unreadable. A browser version ensures recipients can bypass these limitations by opening the email in a standard web browser environment.
