Add a link

With Flexmail you can easily add links to your messages through text, images and buttons. It is a great way to add multiple functionalities to your messages. You can link not only to external sources but also to a landing page, to an email address, a form, a survey or a file for download. 

This article will walk you through a helpful example of adding links to your text, images and buttons in all of those three tools - the E-mail builder, the Wizard Template and the HTML Editor.

Email builder

You can drag a text, a header, a list, an image, or a button element to a structure to add a link to it.

Text, header and list element

1. In the Elements panel on the left you can find the Text element. Drag it onto the canvas into a structure.

   

2. Select the part of your message that you want to use as anchor text for your link and click on the hyperlink button in the text editor menu.

   

3. In the following screen you can use Link type to select the type of link you want to add to your text: a URL to an external source, a file, an email address, a system page such as the web version of the message or unsubscribe page, a survey, a landing page, a form, a personalized link, or a phone number.

   

Image element

1. In the Elements panel on the left you can find the Image element. Drag it onto the canvas into a structure.

   

2. Then click on the Image element on the canvas again to open the settings panel.   

3. In this side panel you can choose your image, set a description and add a link.

   

4. In the following screen you can use Link type to select the type of link you want to add to your image: a URL to an external source, a file, an email address, a system page such as the web version of the message or unsubscribe page, a survey, a landing page, a form, a personalized link, or a phone number.

   

Button element

1. In the Elements panel on the left side, you can find the Button element. Drag it onto the canvas into a structure.

   

2. Click again on the Button element you added to the canvas to enter the button text and open the button settings in the button style panel.

3. Click on Add link.

   

4. In the following screen you can use Link type to select the type of link you want to add to your button: a URL to an external source, a file, an email address, a system page such as the web version of the message or unsubscribe page, a survey, a landing page, a form, a personalized link, or a phone number.

   

Wizard Template

In the Wizard template, you can add a link through several personalisation elements. 

Logo/Banner

1. Click on the Logo or Banner element to expand the options.  
2. Click on the Browse button to upload your logo or banner.

3. Enter a URL in the Link field.

   

Articles

1. Click on the Articles element to expand the articles options.

   

2. Click on Add an article to start.

3. Now you will see a WYSIWYG editor. You can add a link to the text or images in the editor and to the call to action button at the bottom of the Article properties.

   
   

   To add a link to the text or an image, highlight the part of your text or the image you want to make into a link. Then click on the hyperlink button at the top. That will open the Insert/Edit Link pop-up. Here you can choose a URL, a file, a landing page, form or survey to link to.

   

4. To edit the call to action button of your article, scroll down to the bottom of your Article properties and give your call to action a name - Link name. Then click on the Link field, on L for landing page, F for form, S for survey or D for document.

   

HTML Editor

In the HTML Editor, you can add a link through a piece of text, an image or a button. Adding a link works similarly for these three elements.

1. Highlight the item you want to use for your anchor. Then click on the hyperlink button in your WYSIWYG editor.

   

2. That will open the Insert/Edit Link pop-up. Here you can choose a URL, a file, a landing page, form or survey to link to.
3. Check out the Popup, Events and Advanced tab to adjust the appearance of your link. E.g. you can choose for the link to open in a popup or to select an action that happens upon hovering over the link.
4. Click on Insert when you are finished in order to apply the changes. 

Related articles