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 Settings Panel (D).

Link Settings in Webflow
In this lesson
  • ‍Linking to an external URL
  • ‍Linking to a page
  • ‍Linking to a Collection page
  • ‍Linking to a page section with anchor links
  • ‍Linking to an email address
  • ‍Linking to a phone number
  • ‍Linking to a file

Linking to an external URL

Link any link element to any external url by pasting that URL in the link settings.

Link Settings in Webflow

To create dynamic links in Collection lists and pages, read more about link fields.

Opening a link in a new tab

By default, links open in same tab. In some cases, you may want your users to navigate to an external link or another internal page without leaving the current page. In such cases, you can check the Open in new tab checkbox which will open the url or page in a different tab instead of loading it in the current browser tab.

Link Settings in Webflow

Linking to a page

When you want to add a link to a different page in your current website, you can choose the link to a page option in the link settings and choose the page you want to link to. This is usually the setting that you will use to set nav links in your navbar to various pages of your website.

Link Settings in Webflow

Linking to a Collection page

When adding links in Collection lists or Collection pages, you can link these to relevant 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.

Link Settings in Webflow

Linking to a page section with anchor links

You can also link to sections on a page by using section links. This link type is usually used in navbars as well.

Link Settings in Webflow
Pro Tip
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

Linking to an email address

You can 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.

Link Settings in Webflow

To create dynamic email links in Collection lists and pages, read more about the email field.

Linking to a phone number

You can also create phone links which allow visitors to place a call directly to the specified number with a click or a tap.

Link Settings in Webflow

To create dynamic phone links in Collection lists and pages, read more about the phone field.

Linking to a file

You can also add 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