In This Article:
- How to add a link with a Text Element
- Internal Link
- External Link
- Phone Link
- Email Link
- PDF Link
- How to apply button styling to a link added with a Text Element
How to add a link with a Text Element
- While in Edit Mode, click on an existing Text Element or drag and drop a new one
- Highlight the text you wish to link and then click on the Insert/Edit Link icon
- In the window that appears, add your link to the URL field then hit Ok
- Click Save Changes to save your changes.
Internal Link
When linking to an internal page, such as the blog or about page, please only enter everything after the ".com" instead of the full link.
- Example: When adding a link to an internal Coaching page, such as "https://iinsitetemplate1.liveeditaurora.com/coaching", only add /coaching
- Example: When adding a link to a blog post, such as https://iinsitetemplate1.liveeditaurora.com/blog/2022/04/21/how-to-reduce-food-waste-plus-five-zero-waste-recipes, only add /blog/2022/04/21/how-to-reduce-food-waste-plus-five-zero-waste-recipes
External Link
When linking to an external website that will take visitors away from your website, such as an affiliate link, please include the full URL (e.g. https://example.com). It is also a best practice to set the Target option to New Window so visitors open the link in a new browser window.
- Example: When adding a link to a liveedit's help portal, here is the full URL we would add https://help.liveeditplatform.com
Phone Link
In the URL field, add tel: and then your phone number.
- Example: tel:1231231234
Email Link
In the URL field, add mailto: and then your email address.
- Example: mailto:[email protected]
How to apply button styling to a link added with a Text Element
When adding a link using the Text Element, you can apply button styling to your link.
To add button styling, please use the Class option to select Button 1.
Under the Colors tab of Design, you can change the defaults of the button styling.
Please Note:
- Depending on your design template, you may not have different styling for each button class option.
- Under the Colors tab of Design, you can change the defaults of the button styling.