Links are also editable in the Content editor once they have been added by the designers in the Design editor. In this article, you'll learn how to edit them and add your own inline links.
Note: Read this article to learn how to turn any element into a link in the design editor.
Edit a link
Hover over the element
Click on the Link icon
Select and set the link type
Link types
You'll be able to select from a range of links; some settings may change depending on which link type you choose.
Link Type | Description | Configuration Options |
Page | Links to internal pages in your project | Go to page: a dropdown menu from which you can select the page to which you want to link
Animation: a listing of animations to transition from one page to another |
Element | Links to a specific element or section in your project | Widget select: a dropdown menu from which you can select the element to which you want to link (you must give widgets names in the layers panel so they show up). |
External | Links to an external URL | External URL: The field where you must put the URL
Open in a new tab: Toggle to open the URL in a new tab
Add rel=nofollow: Toggle to add rel=''nofollow'' attribute to your link
Add rell=sponsored: Toggle to add rel=''sponsored'' attribute to your link |
Redirects the user to Gmail with the specified email address as the recipient | Email: The field where you must write the recipient's email address
Subject: The field where you must write email's subject | |
Phone | Redirects the user to make a phone call | Phone: The field where you must write the phone number |
File | Allows the user to download a preloaded file | File to be downloaded: Click to upload the file from your PC
Target: Choose the redirection's behavior (download, open in a new tab, or open in current tab)
Download filename: The field where you must write the file's name |
Add an Inline link
As mentioned above, links are typically added in the Design Editor. However, you can also add inline links in the code editor.
To do it;
Highlight the text you want to turn into a link
Select the link icon from the floating toolbar
Select the type of link
Set it
Remove an Inline link
Click right where the link ends
Select the Unlink icon from the floating toolbar
