Email Editors: Hyperlink Manager

<< Add Personalization Introduction Social Sharing Block>>

The Hyperlink Manager allows you to add a variety of different links, such as standard hyperlinks, unsubscribe links, and mailTo links, to the content of Email Templates.

NOTE: The Drag and Drop Editor and Freestyle Editor have identical Hyperlink Managers, so they will be discussed in tandem.


Drag and Drop & Freestyle Editors

Watch a Video on the Hyperlink Manager and Anchors


Links Mentioned in Video

Written Instructions

To add hyperlinks to your text, select the word(s) you want to link and click the Link button:

The process for hyperlinking images is a bit different between the two editors. In the Freestyle Editor, the process is the same as linking text; click on the image in your email that should be linked, then click the Link button. In the Drag and Drop Editor, select a block of the template that contains an image, the click the Link button in the image tool bar.

add-link-to-image-in-drag-and-drop

Clicking the Link button will open the Hyperlink Manager. Click the tab of the type of link you wish to include: Website URL, Email, Anchor within the Email, File, Unsubscribe Link (global unsubscribe or Subscription Management Page), View in Browser Link, or Web Content (Forms, Surveys, Landing Pages).

Website URL

Enter the Website’s URL within the top field.  You may include parameters and/or anchors within your links.  Be sure that the Link Text is the text your recipient will click on to take them to that URL.

Email

Include an email address here, so if the recipient of your email clicks on this link, an email draft will be created to be sent to the email address you designated in the Link Manager.

Note: The clicks on this type of link are not tracked by ClickDimensions.

Phone

If the recipient clicks this link when the email is accessed from a mobile phone, then the number will automatically be dialed. If the recipient clicks this link when the email is accessed from a computer, then Google Hangouts/Skype/etc. will be used to dial the number. A country code is not required, but if a country code is included, a plus sign is required to be appended at the beginning of the phone number. It does not matter if dashes are, or are not included.

Note: The clicks on this type of link are not tracked by ClickDimensions.

Anchor

You can set anchors to navigate recipients to various places within your email template.  More on how to set up Anchor links here.

File

The File tab houses the Document Manager, which is how ClickDimensions handles attachments. Select any uploaded file that should be linked within the Email Template, set a value for the Link Text, then click Insert Link to include your link to the file within your Email Template. Click here to learn more about the Document Manager.

Unsubscribe

Within this tab you can set the link for the global unsubscribe (which is included within the Drag and Drop editor as a default) or select Subscription Management to include a link to your ClickDimensions Subscription Management Page. For more on Subscription Management, click here.

View in Browser

This link is already populated by default within the Drag and Drop editor.  By clicking this link, the recipient of your email can view the content of the message within a webpage. More about microsite links here.

Web Content

Within this tab, you can link to ClickDimensions-made Web Content records for Forms (listed as Profile Management), Surveys, and Landing Pages. More details about this here.


Block Editor

Highlight the text or select the image you’d like to hyperlink and then click on the Hyperlink Manager button in the ribbon.


HyperlinkButton2013

That will open the Hyperlink Manager Dialog.

Hyperlink Tab

HyperlinkManager2013

URL: Place the URL you’d like this link to go to here.

Target: This refers to the window/tab the link opens in. In an email the link will almost always open in a new window if you leave it as None.

Document Manager: (The document and paperclip button next to the URL field). Attach a document to the selected image or word. Learn more here.

Existing Anchor: If you’ve previously created an anchor (explained in the next section below), it will be in the drop down menu here and allow you to set the selected word or image as the link to the anchor farther down in the email. If you are using the Block Editor you will need to manually add any anchors in the URL above by just typing #ANCHORNAME.

Tooltip: This text will appear if you over over the link. (Tooltips must be enabled in their email client.)

CSS Class: Sets the style to one of the preset choices listed.

Anchor Tab

HyperlinkAnchor2013

This is where you would create your anchors. For example, say you have a table of contents with the article headings in it, and when someone clicks on those links, you want it to go down in the same email to that article. To do so, follow these steps:

1. Before opening the Hyperlink Manger, select the text you want the anchor link to come down to.

2. Then click on the Hyperlink Manager, go to the Anchor tab.

3. Name your anchor and then click OK.

4. Now go to the top of your email and highlight the table of contents title for that article and open the Hyperlink Manager again.

5. Click on the drop down menu titled Existing Anchors in the Hyperlink Tab. There you should see the name of the anchor you just created. Select it and click OK.

NOTE: If you are in the Block Editor and you are jumping between blocks, you will not see your anchor here. You will just need to type it in the URL field with a pound symbol in front like this #name.

NOTE: If you would like to add an anchor to an external web page, you can do so following the method described here (if you are using the Drag and Drop or Free Style designers, however, this functionality is available within the Hyperlink Manager).

Email Tab

HyperlinkEmail2013

If you use this tab, when someone clicks on the link, it will open a new email in their default email client, with the entered email address in the To field.

Address: The email address you want to put in your template.

Link Text: What you want the link to appear as in text.

Subject: The subject of the email they will send to this email address.

CSS Class: Sets the style to one of the preset choices listed.

Click OK when you’ve filled out this information.


Watch a Video on Using the Hyperlink Manager

Written Instructions

In the Block Editor you can insert a hyperlink into your email. Highlight the text or select the image you’d like to hyperlink and then click on the Hyperlink Manager button in the ribbon.

HyperlinkButton

That will open the Hyperlink Manager Dialog.

Hyperlink Tab

Hyperlink Manager

URL: Place the URL you’d like this link to go to here.

Target: This refers to the window/tab the link opens in. In an email the link will almost always open in a new window if you leave it as None.

Document Manager: (The document and paperclip button next to the URL field). Attach a document to the selected image or word. Learn more here.

Existing Anchor: If you’ve previously created an anchor (explained in the next section below), it will be in the drop down menu here and allow you to set the selected word or image as the link to the anchor farther down in the email. If you are using the Block Editor you will need to manually add any anchors in the URL above by just typing #ANCHORNAME.

Tooltip: This text will appear if you over over the link. (Tooltips must be enabled in their email client.)

CSS Class: Sets the style to one of the preset choices listed.

Anchor Tab

Hyperlink Manager Anchor Tab

This is where you would create your anchors. For example, say you have a table of contents with the article headings in it, and when someone clicks on those links, you want it to go down in the same email to that article. To do so, follow these steps:

1. Before opening the Hyperlink Manger, select the text you want the anchor link to come down to.

2. Then click on the Hyperlink Manager, go to the Anchor tab.

3. Name your anchor and then click OK.

4. Now go to the top of your email and highlight the table of contents title for that article and open the Hyperlink Manager again.

5. Click on the drop down menu titled Existing Anchors in the Hyperlink Tab. There you should see the name of the anchor you just created. Select it and click OK.

NOTE: If you are in the Block Editor and you are jumping between blocks, you will not see your anchor here. You will just need to type it in the URL field with a pound symbol in front like this #name.

NOTE: If you would like to add an anchor to an external web page, you can do so following the method described here (if you are using the Drag and Drop or Free Style designers, however, this functionality is available within the Hyperlink Manager).

Email Tab

Hyperlink Manager Email Tab

If you use this tab, when someone clicks on the link, it will open a new email in their default email client, with the entered email address in the To field.

Address: The email address you want to put in your template.

Link Text: What you want the link to appear as in text.

Subject: The subject of the email they will send to this email address.

CSS Class: Sets the style to one of the preset choices listed.

Click OK when you’ve filled out this information.

<< Add Personalization Introduction Social Sharing Block>>

Feature Added: Original
Feature Updated: 8.1.0
ClickDimensions Version Need: Any