Link a landing page to a message
One of the ways to share your landing pages is to link them to your Flexmail messages. With Flexmail you can easily add landing pages to your messages through text, images and buttons.
This article will walk you through a helpful example of linking a landing page in all of our tools - the Email 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
In the Elements panel on the left you can find the Text element. Drag it onto the canvas into a structure.
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.
- In the next screen, set Link type to Landing page. Then select the desired form from the drop-down menu below.
Image element
In the Elements panel on the left you can find the Image element. Drag it onto the canvas into a structure.
- Then click on the Image element on the canvas again to open the settings panel.
In this side panel you can choose your image, set a description and add a link.
- In the next screen, set Link type to Landing page. Then select the desired form from the drop-down menu below.
Button element
In the Elements panel on the left side, you can find the Button element. Drag it onto the canvas into a structure.
- 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.
Click on Add link.
- In the next screen, set Link type to Landing page. Then select the desired form from the drop-down menu below.
Legacy builder
You can drag and drop a text, an image or a button element onto an empty structure or a predefined structure that includes any of those elements onto the canvas.
Text element
In the Element tab you can find the Text element. Drag and drop it onto the canvas over an empty structure.
Select the part of your message you want to make into an anchor text for your landing page. Then, click on the hyperlink button from the text editor menu.
A Link pop-up will appear, in which you can select the landing page you want to add.
Image element
In the Element tab you can find the Image element. Drag and drop it onto the canvas over an empty structure.
- Next, click on the Image element on the canvas to open the Image properties.
Click on Link Type and select Landing pages. Then, select the desired landing page in the drop-down menu below.
Button element
In the Element tab you can find the Button element. Drag and drop it onto the canvas over an empty structure.
- Next, click on the Button element on the canvas to open the Button properties.
Click on Link type and select Landing pages. Then, select the desired landing page in the drop-down menu below.
Wizard template
In the Wizard Template, you can add a landing page to the personalisation elements Articles and Call to action. Linking a landing page works similarly for these two elements.
- Click on the Articles element to expand the Articles options.
Click on Add an article to start.
Now you will see a WYSIWYG editor. You can add a landing page 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 landing page to the text or an image, highlight the part of your text or the image you want to make into a landing page and click on the hyperlink button. That will open the Insert/Edit Link pop-up. Here you can choose the landing page you want to link to.
To add a landing page to a button in your article (or call to action element), scroll down to the bottom of your Article properties and give your call to action button a name - Link name. Then click on the Link field, on L for landing pages and select the desired landing page.
HTML editor
In the HTML Editor, you can add a landing page to a piece of text, an image or a button. Linking a landing page works similarly for these three elements.
Support tip
The WYSIWYG HTML Editor does not have a specific option to add a button. In the article about adding a call to action you can discover a helpful example of how to add a button via HTML. However, please note even though you will find an example in that article, we do not provide support for custom HTML code.
Highlight the item you want to use for your anchor. Then click on the hyperlink button in your WYSIWYG editor.
That will open the Insert/Edit Link pop-up. Here you can choose the landing page you want to link to.
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.
- Click on the Insert button to finish linking the landing page.
