How to
Adding a ‘View In Browser’ link to an email

Assumed knowledge

Complete overview of the Flow Builder

Designing emails with Outbound Email node

Adding a "View in Browser" link to your email template is a helpful feature that allows your recipients to view your email content in their web browser. This is particularly useful for users with email clients that may not fully support your design or for those who prefer to read their emails online.

In this article, we'll guide you through the steps to add a "View in Browser" link using a custom HTML block in Pendula.

Create or edit an existing email node in a Pendula flow

Select the flow with an email template you would like to add the browser link to, or create a new flow from the Flows homepage.

In the flow builder Canvas, open the email node settings configuration. For an existing email template, select ‘Open template’. If you’re building a new template, select the ‘Build from scratch’ option.

Add a custom HTML block and link code

In the template editor, locate the area where you want to add the "View in Browser" link. It's common to place this link at the top of the email for easy access.

While the top of the email is a common location, you can place the link anywhere it seems most appropriate for your audience.

On the right hand side of the email builder, find the ‘HTML’ content block. Drag this into the part of the template you would like the link to be.

In the custom HTML block, enter the following code snippet:

<a pendula:external-view>View this email in your browser</a>

This code creates a dynamic "View in Browser" link that Pendula will generate for each email recipient, allowing them to view the email in a web browser.

You can style the link using basic HTML and CSS to match your brand’s design. You can wrap the link element in another element for styling, or add styling directly to the <a> tag. For example:
<a pendula:external-view style="color: #0073e6; text-decoration: none;">View this email in your browser</a>

Save and test your template

After inserting the code, ensure your email template looks as expected. Click on "Save" to apply the changes made to the template.

Before sending your campaign, it’s essential to test your email by sending a test email. Open the test email in your inbox and click on the "View in Browser" link to confirm it redirects to the online version of your email.

Ensure you test the "View in Browser" link across different email clients and devices to ensure compatibility and ease of use.

By following these steps, you can effortlessly enhance the accessibility of your emails within Pendula, ensuring a seamless experience for your recipients regardless of their email client.