Adding a link

Link types and statistics

There are a few type of links you can decide to insert in your email. In the application, we offer the major three: URL, anchors and e-mails (mailto).

  • URL: Create a link to a website, to open a file (ex.: PDF file) or to make a phone call. To use this link type, enter the web address leading to your website in the URL field. To link to a file that is not already hosted on the web, follow the instructions here. Learn how to trigger a phone on click, here.
     
  • Link to anchor in the text: Create links toward different sections of your email. It's often used to build a table of contents.To add an anchor to your text, follow the procedure found in this link.
     
  • E-mail (also known as mailto): Add a link to an e-mail address. To use this link type, you will need to fill in the different fields regarding the address your link will point to and if needed the subject of your e-mail. You could also add informations regarding the content of your e-mail. Pay attention to special caracters: they are not always supported!

Link statistics

While all of the types listed above are supported in e-mails, we can only track statistics on URL type of links. To know more about statistics, click here.

How to add a link on text

  1. Click where you would like to add your text.
     
  2. Write down the sentence or words on which you would like to put your link.
     
    Should you write a web address (URL) directly in the content of your email?
    Quite the opposite. You should actually try to avoid textually writing your complete web address (URL) in your text. Ex: https://mywebsite/myblog/12345677...Instead, use action words on which you'll add your links. Good call to action could be "Download the flyer", "Learn more" , "Read the article" etc.

    Why? On top of not being very aesthetically pleasing, a very long URL could cause some display issues in a few email softwares. Additionally, when textually writing your link down in your email, you indicate to your reader, along with their antispam filter where the linkk points to. When using our platform to send your emails, we however replace the links with unique links personnalized for each recipient. Your subscriber will therefore be directed to this unique link, then redirected to the link you chose, allowing us to gather click statistics. This action is barely perceptible, as it happens in a fraction of a second...but not for antispam filters. The antispam filters can detect that the link written textually and the link where your subscriber will first land (its unique link) are different and may identify your email as phishing, hence why it's recommended to integrate links as hyperlinks.If you must right down the complete URL in the content of your email, we suggest not to add an hyperlink on it. Most email software will add the link directly in the email. However, you won't have any statistics for this link.
  3. Highlight the sentence or word on which you would like to add your link. 
     
  4. Select the "Link" button in the toolbar (the little chain icon). The link properties window will open. 

  5. Make sure that the link type chosen is set to "URL". If this is not the case, click on the word below "Link type" and choose URL in the drop down menu.

     
  6. In the URL field, enter the web address then click OK




     
  7. Always test your links before sending out your email! To learn the different ways to test your email, click here.

Add a link to an email (mailto link) 

To add in a template a link that will open an email, make sure you select "E-mail" in the link type drop-down list . You'll be able to write down the return adress and subject line if needed.

How to change hyperlink styles

How to change link font and size

Depending on where they are, the font and the size of your links are the same as those chosen by default for your texts or titles. To change the default choices of these elements in your text block:

  1. Make sure your text block is selected (to select it, click on it one time) and open its "Text properties" in the side panel at the right of your template. 
     
  2. Then, change the font and size of the "Texts" or "Titles" depending wether your links are in a paragraph or title.

If you rather wish to select a font and size for your links that is different than your default choices, follow these steps:

  1. Select your hyperlink text.
     
  2. In the tools above the text block, change the font and/or the size in the drop-down list. You can also add formatting options such as bold.

How to change the link color

  1. Make sure your text block is selected (to select it, click on it one time) and open its "Text properties" in the side panel at the right of your template.
     
  2. In the "Links" section, click the square to pick a color or enter directly the hexadecimal code of the desired color.

Pro tip:

Use our Copy styles tool to save a lot of time. This options allows you to copy the styles of a block and give them to another block. To do so, simply select the block from which you want to copy the styles. At your right, in bottom of the side panel, click the "Copy styles" button. Then, select the block where you want to reproduce the styles and click the "Paste styles" button also at the bottom of the side panel.

How to remove the link underline

There is two ways to remove the link underline:

Here's how to remove the link underline manually: 

  1. Double-click on the link you wish to edit. The link properties window will open.
     
  2. Go in the "Advanced" tab.
     
  3. In the "Style" field, enter this text:

    text-decoration:none;

    If there is already something written in the Style field, enter a space after the last semi-colon and copy-paste the text above there.


     
  4. Click "OK" to save the changes.
     
  5. Don't forget to test your link.

Here's how to remove link underline from the Underlined option in the Block properties

  1. Click the block where your link is.
  2. Go to Block properties > Text properties > Links.
  3. Check "No" under the Underlined option.

The underline is there for a reason. It helps your reader to see easily where your links are and it indicates which text is clickable. However, for aesthetic reasons, it happens that we want to remove the underline. If so, we strongly recommend you to pick a bright color or other formatting options to differentiate your links from the rest of your text.

How to add a link on an image

Learn how to add a link on an image if it is:

If your image is in an image block:

  1. Click on the image block in which you wish to add your link.
     
  2. In the side panel at your right, go in the "Image properties" section.


     
  3. Enter the web address in the "Link" field.


     
  4. Don't forget to test your link! To learn the different ways to test your email, click here.

Add a link to an email (mailto link) 
To link an e-mail address on an image block, simply write down the address you want the mail to be sent to in the "Link" field. The editor will identify that your link is an e-mail address based on the presence of the "@" and will automatically convert your link to a "mailto".

If your image is in a text block or if you have created your own HTML email:

  1. Click on the image on which you would like to add your link in your text zone to select it.
     
  2. Click on the "Link" button represented by the chain icon in your toolbar. The link properties window will open. 


     
  3. Make sure that the link type chosen is set to "URL". If this is not the case, click on the word below "Link type" and choose URL in the drop-down menu.
  4. In the URL field, enter the web address then click "OK".

     
  5. Don't forget to test your links before your mailing! To learn the different ways to test your email, click here.
Add a link to an email (mailto link)
If you wish to change the link type to link to an email address instead, don't forget to change your link type from URL to e-mail. You will then be able to indicate the email address you want your readers to reach as well as the object of your e-mail, if you wish.
Be careful:
In a text block your image will not be automatically resized to fit in the allowed width. They will need to already be resized to the proper format. We recommend your image has a maximum width of 564 pixels, but you might want to go smaller depending on the layout design you wish to accomplish!

Here are a few free online editing tools to help you resize your images: Pixlr, PicResize, ResizeYourImage.

How to add a phone hyperlink

It is possible to add a link that will trigger an action to dial a phone number. Here's how to do it:

  1. Follow the steps #1 to 5 here.
  2. Change the link protocol to "<other>".
  3. In the URL field, enter the letters "tel:" followed by the phone number like the example below:

    tel:555-555-5555



     
  4. Don't forget to test your links before your mailing! To learn the different ways to test your email, click here.

Keep in mind links to phone numbers will only work if the phone or computer they are being clicked on has a call application installed and set up as default.

 

How to edit a link on a text or button

  1. Double-click on the link or the button you wish to edit. The link properties window will open.
     
  2. Make the desired changes. If you don't see the URL field, change the link type to URL.
     
  3. Click "OK" to save your modifications.

How to delete a link

To delete a link, simply highlight the sentence, word or button on which your link has been associated, then select the button displaying the link icon with the small "x".

This will allow you to simply remove the link without erasing your sentence, word or button.

How to change the link target

The link target determines the way your link will open after being clicked. To change the link target: 

  1. Double-click the link or button to edit. The link properties window will open.
     
  2. Open the "Target" tab.
     
  3. Click the field below "Target" to open a drop-down list of choices.

     
  4. Select the option you want.
     
  5. Click "OK" to save your changes.

Link target in image blocks:
Link target can't be changed in image blocks. All links on images will by default open in a new window (_blank).

See also:

 

Top