{"id":5885,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-link-widget\/"},"modified":"2022-06-10T05:34:35","modified_gmt":"2022-06-10T05:34:35","slug":"email-link-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/email\/creator\/link\/","title":{"rendered":"Email Link Widget"},"content":{"rendered":"
\n

The Link<\/strong> widget helps you add a weblink <\/span>to your Email, i.e., a hyperlinked text that redirects to open the Email content in a web browser.<\/p>\n

Adding this weblink to your Email ensures that all your customers can read your Email as intended, irrespective of their Email clients or settings that might cause rendering issues. It is especially useful if your Email design is image-heavy or interactive.<\/p>\n

<\/div>\n

How to use a Link Widget in an Email Campaign?<\/h2>\n
<\/div>\n

Step 1<\/h3>\n

Navigate to the Email Creator<\/h3>\n

Use the Main Menu<\/strong> on the left to create an Email <\/strong>and subsequently navigate to our Email Creator<\/a>.<\/p>\n

<\/div>\n

Step 2<\/h3>\n

Add a Link widget to the Work area<\/h3>\n

When you create a new Email campaign, you’ll notice that the Email template by default contains the Weblink at the top (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

In case you are editing a previously saved Email and wish to add a weblink to the Email, drag and drop the Link<\/strong> widget to the Work area (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

Note:<\/strong> the Link<\/strong> widget will always get added at the top of your Email. Also, only one Link<\/strong> widget can be added to an Email.<\/p><\/blockquote>\n

<\/div>\n

Step 3<\/h3>\n

Modify the Link widget as per your design preferences<\/h3>\n

Use the text editor in the Widget Settings <\/strong>to modify the widget text as per your design preferences.<\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

If you wish to hyperlink a different text to open the Email in the web browser:<\/strong><\/p>\n

1. Type in the desired text.<\/p>\n

2. Select the text that you wish to hyperlink. Click the Link<\/strong> tool in the text editor (as highlighted in the screenshot below).<\/em><\/p>\n

\"Email<\/p>\n

<\/div>\n

3. In the subsequently displayed dialog box, type in [emailurl]<\/strong> in the URL field (as highlighted in the screenshot below)<\/em><\/p>\n

\"Email<\/p>\n

<\/div>\n

Note:<\/strong> The hyperlinked text in the Link<\/strong> widget can not be tested in preview mode. If you wish to test the redirection, try sending yourself a test Email and then click the weblink in the received Email.<\/p><\/blockquote>\n

<\/div>\n

Step 4<\/h3>\n

Style your Link widget<\/h3>\n
<\/div>\n

\"Email<\/p>\n

<\/div>\n

Use the options under the Style<\/strong> tab to customize the widget background color as you prefer.<\/p>\n

Click Save<\/strong>, and that\u2019s it!<\/p>\n

You have successfully added a weblink to your Email!<\/p>\n

Let’s proceed, and have a look at how to add a content section to an Email using the Section Widget<\/a>.<\/p>\n<\/div>\n