---
title: "How to Add \"Browser Preview\" to the Email Message"
description: "Let recipients open your email in a browser when it doesn’t display correctly in their inbox."
url: https://help.user.com/en/articles/69-how-to-add-browser-preview-to-the-email-message
collection: "Email Campaign & Content Creation"
updated: 2026-10-30
language: en
alternates: [fr, pl, de, it, es]
---

# How to Add "Browser Preview" to the Email Message

Let recipients open your email in a browser when it doesn’t display correctly in their inbox.

Providing a **browser preview** option lets your recipients view your email directly in a web browser. This improves accessibility when an email client doesn’t render the layout correctly or blocks images. In this article, you’ll learn how to add a webcopy link to your emails using a dedicated HTML snippet.

## Simple Builder

Use the drag-and-drop editor to automatically include or customize a browser preview link in your email design. When you create and email via “Email” → “New campaign” or open an email via “Studio” → “Templates” → “My Templates”, Positive User automatically adds a pre-header line with a "View in browser" link at the top of your canvas.

![Email campaign editor preview shows a 25% off promotional email, with a red arrow pointing to the “follow this link” hyperlink above the email content. Visible: User, All products, Preview, Send a test, Save, Subject.](https://staticfiles.gleap.io/ghelparticle/c0Gvg0dQyRKWTdP75FMYcA5O0ZislEDy3RRp7Rlf3nisprK24yNClGXf9MdQWhQ5IlYYFpASLgr.png)

Your team can keep this default line or write custom wording, such as "Read online". Highlight the text you want to use as your link, then click the link icon in the text editing toolbar above the block.

In the "INSERT A LINK" modal, click the "Type" dropdown and select "To online version of email". Positive User automatically fills in the required link ID, so you do not need to paste any code.

![](https://staticfiles.gleap.io/ghelparticle/rO3hbPO3LE9cEd0eBZUwQxPHFhUwfyv8rVunfDcCQUL81UspN8HwVuN9Tj0fHs58mklPprswqFF.png)

## Code Editor

Follow these steps to include a “View in browser” link in your email message.

Open the email message you want to update in the code editor. You can access it from an existing campaign or go to “Studio” → “Templates” → “My Templates”.

Decide where the browser preview link should appear in your email template such as the preheader or header area. Paste the following anchor tag into your HTML:

```javascript
<a id="UE_browser_preview">View in browser</a>
```

You can customize the styling to match your email design. It’s also a good practice to add supporting text, for example:  
“If this email doesn’t display correctly, view it in your browser.”

> **Info:** The browser preview is available for 7 days from the moment the campaign is sent. After this time, recipients who click the link will see a placeholder page instead of the original email.

## Use Cases

-   **Ensuring Consistent Rendering Across Devices and Clients:** Email clients such as Outlook or Gmail may render HTML emails differently, especially when images, fonts, or complex layouts are used. A browser preview helps preserve the intended layout and branding by opening the message in a standard web environment.
    
-   **Supporting Recipients Behind Firewalls or Security Filters:** In B2B communication, corporate security settings often block images or external resources in emails. A browser preview allows recipients to access the full content without these restrictions.
    

> **Info:** The browser preview link works only for sent campaigns and remains active for a limited time. Make sure this behavior aligns with your communication strategy, especially for evergreen or long-term campaigns.

## Related Articles

-   [How to Create a “One-time” Email Campaign](https://help.user.com/en/articles/53-how-to-create-a-one-time-email-campaign.md)
    
-   [How to Create an Email Campaign for Automation](https://help.user.com/en/articles/55-how-to-create-an-email-campaign-for-automation.md)
    
-   [How to Create an Email Template](https://help.user.com/en/articles/104-how-to-create-an-email-template.md)