Text links are used when the only thing you need that text element for is a link, like when you're creating anchor texts.

Webflow Text Link

Adding a text link

You can add a text link from Elements panel → typography. To edit the text, just double click on the text or select the element and press enter.

 

Nested text links

You can add hyperlinks to words or sentences in a paragraph by highlighting the text and clicking on the hyperlink icon in the text formatting menu. Now this text becomes a text link nested inside of the paragraph element.

 

Link settings

You can add any type of link to the text link from the settings window that appears when you click on the settings icon next to the text link label or by opening the Element Settings panel (shortcut: D) in the right sidebar. Learn more about link settings.

Webflow Link Settings

Styling a text link

Link elements come with a default blue text styling and an underline. You can override this default styling by restyling the Text Link element. A good trick is to style the all links tag to make sure all links on your website have the same styling.

Pro tip
A button is actually a text link that's been styled. It has a default blue background color, white text, no underline and padding inside. Learn more about Buttons.

Styling all links

To style the all links tag:

  1. Select any link element (this is important)
  2. Press CMD + ENTER on Mac or CTRL + ENTER on windows. This will open the selector menu
  3. Select the pink “All Links” Tag at the bottom of the list. (Tip: pressing the UP ↑ arrow key will select the tag, pressing enter will select it)

Here you can make changes to the default way links will show up in your project: this can include buttonslink blocks, nav links. And when you add any new link, or drag in a new text link, it will take style cues from the changes you made to All Links.