How to Create Anchor Links in Webflow

Anchor links are one of those small things that make a big difference to how a page feels to use. Click a button, jump straight to the section you need. No scrolling, no hunting around.

I use them regularly on longer pages, particularly on service or about pages where you want to pull someone's attention to a specific section without making them do the work of finding it.

Here's how to set them up in Webflow.

Step 1: Give the target section an ID

Find the section you want to link to in the Designer. Select it, then go to the Element Settings panel on the right.

Under the ID field, add a short, clean identifier. No spaces, lowercase, hyphens instead of spaces. Something like:

our-team

or

contact-form

This ID is what everything else will point to, so keep it simple and descriptive.

Step 2: Link your button or text to that ID

Select the button, link or text element you want to use as the trigger. In Element Settings, open the link options and choose Section as the link type. You'll see a dropdown of all the IDs you've set on the page. Select the one you just created.

If you're linking from a different page entirely, you can also link to a section on another page by entering the URL followed by the ID, like this:

/about#our-team

Step 3: Test it in Preview

Switch to Preview mode and click the button. The page should scroll smoothly down to the target section.

A few things to check if it isn't working:

• Make sure the ID is set on the section wrapper, not an element inside it
• Check for typos — IDs are case sensitive
• If there's a fixed navbar overlapping the section when you land on it, you can fix this with a CSS scroll-margin-top on the target element

Where anchor links are most useful

I find anchor links most effective in a few specific situations:

• Long service pages where you want to link from an intro section directly to pricing or a contact form
• Navigation menus that link to sections on the homepage rather than separate pages
• Resource or FAQ pages where a table of contents at the top links to each section below
• CTA buttons that say something like "See how it works" and drop the reader directly to the relevant section

They're quick to implement and they make a page feel more considered and easier to navigate, which matters on longer B2B pages where the reader needs to find specific information quickly.