How to Add Anchor Links and Hyperlinks to an Email in our Editor

Links in emails, especially long ones, perform several important functions: lead customers from the email to the necessary pages, help track the effectiveness of the campaign, and improve the email navigation, when placed right. That’s why you need to pay special attention when adding them to your messages.

Hyperlinks

Hyperlinks, or regular links, lead customers from an email to the website pages, landing pages, images and other media files and pages.

According to our system, a promo campaign includes about 20 links. Menu sections, images, video, banner, CTA, social media icons – a link should be added to each of these elements of the email. This helps collect statistics and analyze user behavior.

Your subscribers click the links personally they find the most interesting, meaning the click map will differ for each particular person. Elements that look attractive to some users, may be totally irrelevant for others. Email statistics by links show what exact elements perform better, and help adjust your further email design: add bright CTA, banners, GIFs, images, videos, or delete those that generate no reaction at all.

How to Add a Hyperlink to Text

In our email builder, you can insert a link in the email in several clicks. Just select the necessary piece of text and click the link icon in the top toolbar.

In the settings on the left, insert the URL in Link. The hyperlink is highlighted by default; you can change any color in Link color.

When adding a link to the text, follow these tips:

How to Add a Hyperlink to Video

The editor will automatically add a preview image, alternate text, and play button.The block with the clickable built-in video is ready.

How to Add a Hyperlink to Contacts

Contacts (email address, phone number, Skype) are typically located in the email header or footer. They enable recipients to get in touch with you in the most convenient way.

When trying to write you an email, few people would bother to first copy your address, then go to their email client and insert it to compose a new message. A :mailto link simplifies the process by allowing to save time and contact in one click.

You can add links to a phone number or Skype in the same way. The only difference is that you need to choose Tel or Skype correspondingly in the link settings.

Important! Outlook and iOS don’t support the :mailto link. Gmail on Windows and on Android displays it correctly.

350+ Free Templates for New Users

Start Now

How to Add a Hyperlink to Social Media Icons

Some marketers insert clickable social media icons into the menu or to the header, but most add them to the footer. It’s up to you what placement to opt for.

You can also change icon design, specify size, and add new icons, if needed.

Note! To avoid manual configuration of each template, save the necessary block, structure or stripe as a module and drag them to your further campaign from My modules.

You can also enable Synchronized while saving. The block will be saved as a synchronized module, and all information in it will be automatically updated in all templates that contain this module.

How to Add a Hyperlink to a CTA

How to Add a Hyperlink to an Email Menu

How to Add an Unsubscribe Link

According to the GDPR and some other customer privacy policies, an unsubscribe link should be present in every email you send. Usually, it’s placed in the footer. The link should be clear, visible and easy to spot.

To add it to the email:

How to Add a View in Browser Link

For subscribers who can’t view or download HTML emails, you can add a View in Browser link. It leads to the full web-hosted version of your email that is kept on our servers. The link is often placed at the top right of the email, and the text View in Browser is typically default. However, there may be options like No images? Click here, View this email in your browser, Email not displaying correctly? View it in your browser, etc.

Anchor Links

An anchor link is a link that leads the reader to a specific place in the email. Anchor links are typical of long email copies (most often used in the menu) where they serve to improve navigation. Using them, readers can skip the irrelevant sections and jump straight to the content they’re most interested in at the moment.

In our email builder, you can add HTML anchor links to the template in two ways.

#1. How to Add an Anchor Link

Note. Each new link should contain different anchor words in the code and in Link; otherwise, all links will direct to the same place in the email.

#2. How to Add an Anchor Link

Repeat these steps for the rest of the menu items.

Email Clients That Support Anchor Links

  X
Gmail (Desktop Webmail) +  
Gmail (Mobile Webmail) +  
Gmail (Android) +  
Gmail (iOS)   -
Apple Mail (macOS) +  
Apple Mail (iOS)   -
Outlook (Windows) +  
Outlook (Windows 10 Mail) +  
Outlook (macOS)   -
Outlook (Outlook.com) +  
Outlook (iOS)   -
Outlook (Android)   -
Yahoo! Mail (Desktop Webmail) +  
Yahoo! Mail (iOS)   -
Yahoo! Mail (Android)   -
AOL (Desktop Webbmail) +  
AOL (IOS) +  
AOL (Android)   -
Samsung Email (Android)   -
Mozilla Thunderbird (macOS)   -
ProtonMail (Desktop Webmail) +  
ProtonMail (iOS)   -
ProtonMail (Android)   -
HEY (Desktop Webmail)   -
Orange (Desktop Webmail) +  
Orange (iOS)   -
Orange (Android) +  
SRF (Desktop Webmail)   -
SRF (iOS)   -
SRF (Android)   -

Source


Links are an important part of every email. They help recipients navigate the copy and enable marketers to track their activity. Don't forget to test your emails before launching a campaign, as a broken or incorrect link can kill the effect of otherwise perfect email.

🔒 GDPR, CCPA, CASL Compliant. Your data is safe and secure with us.