Adding hyperlinks in the Visual Editor

So you have already created a new piece of content using the Visual Editor or by using a default template. Now, you need to add a hyperlink to the relevant webpage. Not a problem. Here is all you need to do this:

  • A piece of content setup that you want to add a hyperlink to. 📄
  • A URL (web address) that you want the content to point to. (It doesn’t have to be a button, it could be an image, text or any other element you want to link from.) 🔗
  •  2 minutes of your day! ⏱

Right-click on the element that you want to add the hyperlink to and select Edit Text/HTML. Next, before the content, type <a href="Add-URL-Here"> to add an anchor tag. Between the quotation marks, add the link address that you want to point to. Then close the anchor tag after the content by typing </a>

Depending on the styling of the website you may need to amend the color as shown in the demonstration below.  This is done by right clicking Edit Appearance -> Text then selecting the appropriate color.

Adding a hyperlink within the Visual Editor
Adding a hyperlink within the Visual Editor