How do I add a text link in Webflow?

Drag a text link onto the page

A text link is the element to use when the words themselves are the link, such as anchor text in a sentence. Open the Add panel and go to Links. Drag Text link onto the canvas. Text link is the inline element in that panel, so it can sit in the flow of a line. A button and a link block are inline-block elements and take a larger clickable area.

Edit the words in either of two ways. Double-click them, or select the text link and press Enter. Replace the default label with words that say where the visitor is going. A label that says Click here does not say that.

Example: the services page needs a short line under the intro, and the words Read the pricing guide should open the existing pricing page. Drag a text link under that intro. The label is Read the pricing guide. You have not set the destination yet. The label and the link are separate.

Point the words at a real destination

Select the text link. Click the cog beside the Text link label, or open the Element settings panel. The shortcut is D. Choose the link type, then fill in that type.

Page links to a static page on this site. Pick it from the dropdown, or search. URL is any address you paste, including a page on another site. Check Open in a new tab on URL, page, and Collection page when the visitor should leave this tab. Page section jumps to a section on the current page. To land on a section of a different page, use a URL instead. Email and Phone start a message or a call. File attaches an asset, and Webflow says file links are available on paid plans. An image or a document opens in the same tab unless Open in a new tab is checked. Other file types download.

Collection page is for a link inside a Collection list or on a Collection page, so each item can open its own page. Popover and Modal are link types for a button, not for this text link.

For the services example, choose Page and select Pricing. Leave Open in a new tab off, because the visitor is staying on your site. The new tab guide is that checkbox. The button guide is the better element when you need a filled shape, not a line of text.

Nest a link inside a sentence

You do not have to drag a separate element when only a few words in a paragraph should be clickable. Highlight those words and click the hyperlink icon in the text formatting menu. Webflow turns the highlighted words into a text link nested inside the paragraph.

Example: the paragraph ends with the words Read the pricing guide, and only those words should open /pricing. Highlight that phrase, use the hyperlink icon, then set Link settings on the nested link. The rest of the sentence stays ordinary text.

Do not put a text link inside a link block or a button. A link block is the element when a whole card, including its image and padding, should open one destination. The card guide is that wrapper. One destination needs one link, not a link wrapped in another link.

Style the link without restyling every button

A new text link uses the default link look: blue text and an underline. You can restyle that element. If every link on the site should share one color, style the All links tag instead of painting each link by hand.

Select any link. Open the Style selector in the Style panel and choose HTML tags, then All links. Changes there apply to new text links, and they also apply to buttons, link blocks, and nav links. A hover color on All links becomes the hover color on a button you add later. If the buttons should keep their own color, leave All links alone and put a class on the text link only.

Name that class before you style a second inline link. Inline link is a clear name. The next text link that uses the class gets the same color and decoration. The class does not store the destination. Each link keeps its own Link settings.

Publish and click the words on the live page. A link that looks correct in the Designer can still point at the old URL.

Use a text link again, not a new style each time

Once Inline link exists, reuse it. Select a new text link, click the Selector, and choose that class. Then set Link settings for this link only. The homepage can open Pricing. A blog paragraph can open the contact page. They look related because they share the class. They go to different places because each destination was set on the element.

If the clickable area must include an image plus text, that is a link block, not a longer text link. If the action should look like a control with padding and a fill, that is a button. Webflow describes a button as a text link that has been styled, with a default blue background, white text, no underline, and padding. Start from the button element when that is the look you want, so you are not rebuilding it from an inline link.

Adding a text link on a page you already have is ordinary layout work. The membership is one plan for every existing Webflow site: $999 per month, including 10 hours of Webflow work. Additional work is $75 per hour and starts only after you approve a written estimate.