Oops! Something went wrong while submitting the form
The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
You can create various link types with link elements such as text links, link blocks, and buttons. To convert other elements such as images to links, drop them inside a link block.
You can access these link settings by selecting the link element you want to set up and going to the element settings panel (D).
To set a link, first choose your link type from the following list and then set it up.
URL – paste any link in the URL field to send users to that address. To create dynamic links in Collection lists and pages, read more about link fields. If you want these links to open in a new tab, check the open in a new tab checkbox.
Page – link to any page in your current project. Choose the page from the dropdown list. This is usually the setting that you'll use to set nav links in your navbar to various pages of your website. If you want these links to open in a new tab, check the open in a new tab checkbox.
Collection page – link to relevant Collection pages in Collection lists or Collection pages. This way each link for each Collection item will link to its Collection page or to the Collection page of a referenced item. If you want these links to open in a new tab, check the open in a new tab checkbox.
Page section – link to sections on the current page by using section links. This link type is usually used in navbars as well.
If you want to link to a section on another page or on an external URL, you can add the URL of the section in the URL link setting field.
Email – link a button or any link element to an email address. This allows any visitor to send an email to this address with a click or a tap. To create dynamic email links in Collection lists and pages, read more about the email field.
Phone – create a phone link which allows visitors to place a call directly to the specified number with a click or a tap. To create dynamic phone links in Collection lists and pages, read more about the phone field.
File – upload and attach file attachments to any link element. You can attach any type of asset to a link. When you click on any of these links, image and document files will open in the same tab but other file types will be downloaded to your computer. If you want images and documents to open in a new tab, make sure to check the open in a new tab checkbox.
Back to previous page link
You can create a back button or link which your site visitor can click to go back to the page they came from. You can do this by pasting the following piece of code in the URL field of the link settings:
You need to add the backtick (`) in front of the code to make it work. If you don't add the backtick, the URL will automatically be prefixed with "http://". This won't allow the code to work.
Thanks for the feedback! This will help us improve our content.