Wix Harmony Editor: Adding a Link to an Element
Add links to elements on your site to help visitors navigate your content, and direct them to relevant and important info.
There are many types of links you can add – lead visitors to other site pages, external URLs, a popup, or even ways to contact you directly (e.g. email, WhatsApp).
Types of links
There are a many types of links you can add to your elements to direct your site visitors to whatever content you like; including links to popups, sections, and addresses.
Click an option below to learn more about the link types:
Page
Linking to a site page can draw attention to important or relevant content on your site. When your visitors click the element, they are directed to the page you have chosen.
You can also link to the pages of Wix business solutions. For example, you can link to Wix Stores product pages, Wix Blog posts, and Wix Bookings service pages.
Tip: You can choose to open the web address in a new browser window, or within the current window.
Section
Sections are the building blocks of your site, which you can use to organize, order, and display content. Link your elements to a section to bring your visitors directly to the relevant content on your chosen page.
Web address
Linking a web address is a quick and easy way to direct visitors to relevant or helpful content outside of your site. When your visitors click the element, they are directed to the web address you've added.
Tip: You can choose to open the web address in a new browser window, or within the current window.
Document
Link to a document you've uploaded to your Wix site. When your visitors click the element, a new browser tab opens with the document.
Linking to documents makes it easier to display content such as PDFs and other files on your site.
You can add a link to a specific email address. When your visitors click the element, their default email account opens, and they can send an email directly to the address you have linked.
Linking to an email address is a great way to make it easier for site visitors to contact your business.
Phone number
Link to a phone number. When your visitors click the element on their mobile, they can call you instantly and directly from their device.
Note: If they are using a desktop, a calling app (such as FaceTime) opens.
Popup
Link an element to a popup on your website. Linking to a popup is a fun and creative way of drawing visitors' attention to site content such as announcements and promotions.
Top / bottom of page
Add a link to either the top or bottom of the page. When your visitors click the element, they are taken to the top or bottom of the page that they are on.
Adding this link can make it easier for site visitors to navigate your pages, especially if they contain a lot of content.
Add a link to your WhatsApp, so visitors can start a chat with you directly. This makes it easy for people to reach out, ask questions, or get support in real time from their mobile device.
Address
Link to a physical address, so visitors can find your business location or get directions. Sharing your address helps people visit your business in person or see where you’re based.
Adding a link to an element
Add links to a variety of elements including images, buttons, and vector art.
To add a link to an element:
Select the relevant element.
Click the Link icon
on the action bar.
Click Choose a link.
Choose a link type from the options at the top.
Tip: Click the More Options icon
to find extra options like Email, Phone, Popup, Top/Bottom Page, WhatsApp, or Address.
Select the link type and enter the details.
Click Done.
Want to remove a link?
Repeat steps 1-3 and click Remove Link.
Adding a link to text
Guide your visitors to other sites, sections, or pages by adding text links. Turn any piece of text into a clickable link or add a URL, making navigation easy and intuitive.
Note:
Do not add any other text into the text box, as this will make the URL unclickable.
To add a link to text:
Select the relevant text box.
Click the Link icon
on the action bar.
Click Choose a link.
Select the link type and enter the details.
Tip: Click the More Actions icon
icon to find extra options like Email, Phone, Pop Up, Top/Bottom Page, WhatsApp, or Address.
Click Done.
Tip: To remove the hyperlink underline, highlight the linked text and click the Underline icon
on the action bar. The text will still remain linked.
(Optional) Customize the color and formatting of your linked text.
Advanced SEO settings
When you link an element to a site page or web address, you can set the rel attribute. This tells search engines and browsers how to treat the link.
Important:
Rel attributes are an advanced setting. Choosing the wrong option can affect your site or links, so only change this if you know what you’re doing.
To add a rel attribute:
Select the relevant element.
Click the Link icon
on the action bar.
Click Advanced SEO Settings.
Under What rel values should it have?, Select the rel attribute you want:
noopener: Keeps your site secure by stopping the linked page from accessing the page it’s linked from. (Recommended)
noreferrer: Stops the linked site from seeing where visitors came from.
nofollow: Tells search engines not to follow or rank the link.
sponsored: Labels the link as a paid ad or placement, which helps protect your SEO.
FAQs
Click a question below to learn more.
Can I open a link in a new tab or window?
Yes, when linking to a web address or site page, you can choose to open the link in a new browser window or in the same window.
Can I choose which color my hyperlinked text changes to, once visitors click it?
No. Currently, it is not possible to change the color of a hyperlink after visitors click it.
When adding a link I receive an error saying "To add a link, first remove the line break"
When linking text, you cannot link text that spans over 2 paragraphs if you separated those paragraphs using the Enter key. If you attempt to do so, you'll receive an error message telling you to remove the line break.
You can resolve this, by adding a line break using Shift + Enter to create the line space instead of the Enter key.
Can I add a link to a downloadable file, like a PDF or Word document?
Yes, you can link text to documents. Make sure you have uploaded your file to the Media Manager, then follow the steps above for hyperlinking text and select Document.
Tip: Use descriptive text, like "Download Our Brochure," to make the link clear to your site visitors.
What should I do if a text link is broken or leading to a 404 error page?
Broken links can occur if a page or document has been moved, renamed, or deleted. To fix this, check the links in your text and ensure they are leading to the correct place. If the text is linked to a URL, check the URL carefully. Make sure to publish any changes you make to the links.
Tip: Regularly test your site's links to ensure everything is functioning properly.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected