Adding a view in browser link

Updated

Add a link to your emails so people can view a web version of the message in their browser. View in browser links only work in emails—they aren’t supported in other message types like push notifications, SMS, or WhatsApp.

“View in browser” links let your audience view a web-hosted version of your email in their browser. If you have an image-heavy email, worry about display issues in specific email clients, or simply want to give your audience the option to view your email outside of their inbox, you can add a link that generates a web version of the email personalized for each recipient.

 Email only — and public

“View in browser” links only work in emails. They are not supported in other message types, such as push notifications, in-app messages, SMS, or WhatsApp. The {% view_in_browser_url %} Liquid tag only generates a URL in the context of an email delivery.

These links are also public—anyone with the URL can see the full email message. Don’t include sensitive information like bank account details, personal health data, or credit card numbers in emails that use “view in browser” links.

 Transactional messages and protected content

“View in browser” links will not work with Transactional messages when:

  • Protect sensitive data is enabled.
  • Your transactional API request includes "disable_message_retention": true.

Learn more about the Transactional API and protecting sensitive data.

To add the default Customer.io view in browser link (similar to the unsubscribe one we talked about here), you can use the following HTML code in your layout:

<a href="{% view_in_browser_url %}">View this email online</a> 

The resulting link will look something like: http://e.customeriomail.com/deliveries/...

These links are not trackable. Your email must include this {% view_in_browser %} Liquid tag for Customer.io to generate the hosted HTML page. Without this tag, we won’t generate the hosted page and your link won’t work.

By default, “View in browser” links use the e.customeriomail.com domain. You can brand these links with your own domain by setting up custom link tracking. If you set up HTTPS link tracking, your “View in browser” links will also use your custom HTTPS domain.

Copied to clipboard!
  Contents