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).

Link Settings in Webflow

Link types

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.
Link Settings in Webflow
  • 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.
Link Settings in Webflow
  • 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.
Link Settings in Webflow
  • Page section – link to sections on the current page by using section links. This link type is usually used in navbars as well.
Link Settings in Webflow
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.
Link Settings in Webflow
  • 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.
Link Settings in Webflow
  • 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.
Link Settings in Webflow
  • 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.
Link Settings in Webflow

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:

  • `javascript:window.history.go(-1)
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.