Wix Editor: Adding a Link to an Element
Updated: 7 days ago
Add links to elements on your site to help visitors navigate your content, and direct them to relevant and important content.
There are many types of links you can add, including page links, external URL links, and links to email addresses.
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, anchors, and external URLS.
Click an option below to learn more about the link types:
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.
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 or anchor
Sections are the building blocks of your site, which you can use to organize, order, and display content. Anchors are invisible position markers you can place anywhere on your site's pages.
Link your elements to an anchor or section to bring your visitors directly to the relevant content on your chosen page.
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.
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. Learn more about popups.
Adding a link to an element
Add links to a variety of elements including images, text, buttons, and vector art.
To add a link to an element:
Click the Link icon
.
Select the link type and enter the details.
Click Done.
Want to remove a link?
You can remove a link from an element at any time. Just select None in the What do you want to link to? Popup and click Done.
Adding a link to your menu
Your site menu contains items that link to pages or page sections on your site. However, you can also link a menu item to another destination.
These links look like regular menu items, and you can name them whatever you like.
To link a menu item:
Click Menus & Pages
on the left side of the editor.
Click the Add a Link icon
.
Select the link type and enter the link details.
Choose whether your link opens in a new window or the current window.
Click Done.
Enter the name for the menu item.
Learn more about linking menu items.
Adding links to galleries
Add links to the media in your galleries so that they open when a visitor clicks them. You can add links to media in both the Pro Gallery, and in a regular gallery.
Click an option below to learn more about adding links to gallery items.
Show me how to add a link to Pro Gallery media
Click the Wix Pro Gallery in the Wix Editor.
Click Settings.
Click the Settings tab.
Click the When clicking on an item drop-down menu and select A link opens, then close the panel.
Click Manage Media.
Click the gallery item you want to add a link to.
Click the Link field on the right.
Select the link type and fill in the relevant information.
Click Done.
Click the Link title field and add the name of your link.
Click Done.
Show me how to add a link to a gallery image
Click the gallery.
Click the Settings icon
.
Click the drop-down menu under When clicked:.
Select A link opens.
Click Change Images.
Click an image.
Click the Link field on the right side.
Select a link type and enter the details.
Click Done.
Click Done to close the Organize Your Gallery window.
Adding links in Velo
If you are using Velo by Wix, be aware that having 2 onClick functions (one set from the Editor link panel, and one set from Velo) can cause a conflict. When using 2 onClick functions on the same element, the link should be added using code.
If you are using the CMS (Content Management System), be aware that click actions can also conflict with links if the link is added via the link panel. The CMS can be connected to URL's and document field types. Learn more about working with dataset action for buttons.
Advanced SEO settings
When you link an element to a site page or web address, you can choose the rel attribute for the link. Rel attributes define the relationship between your pages and the links you add to them, and the page / search engine treats it accordingly.
Important:
Rel attributes are an advanced topic, and assigning the incorrect attribute can cause issues with your site and links. Therefore, we recommend that only advanced users choose a rel attribute for their links.
To add a rel attribute:
Click the relevant element in your editor.
Click the Link icon.
Select whether to link the element to a site page or web address on the left of the panel.
Click Advanced SEO Settings.
Select which attributes you want to apply from the drop-down menu:
noopener: This attribute prevents the page / site you have linked from gaining access to (or information about) the page you've linked it from. We recommend using this in most cases, as it protects your site's security.
noreferrer: This attribute prevents the page / external site you are linking to from gaining access to information about your site and its pages.
nofollow: The nofollow attribute tells search engines to ignore the link, as it is not related to your site. Therefore, search engines do not crawl the link.
sponsored: This attribute lets search engines know that the link is an ad or placement, and that you've been paid to add it to your site. We recommend using this attribute for all paid ads or placement links on your site, as it makes it less likely that your SEO ranking will be penalized for attempting to manipulate result rankings.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments