How to link a button to another page in Webflow?

Linking a button to another page is one of the most basic interactions in web design. In Webflow, this is done through the element settings panel and works for internal pages, external URLs, and specific sections within a page.

Linking a Button to an Internal Page

Select the button. Click on the button element in the Designer canvas or in the Navigator panel.

Open the Link settings. With the button selected, click the gear icon (Settings) in the top toolbar — or press D on your keyboard. This opens the Link Settings for that element.

Choose the page. In the Link dropdown, select "Internal Page." A second dropdown appears listing all pages in your project. Choose the destination page. The URL slug auto-fills based on the page you select.

Publish and test. After linking, publish the site and verify the button navigates to the correct page. In the Designer preview mode, internal links work only if the target page exists and is published.

Linking to an External URL

If the button should point to a page outside your Webflow site:

1. Select the button and open Link Settings.
2. Choose "External URL" from the dropdown.
3. Enter the full URL (including https://).
4. Optionally enable "Open in new tab" if the external link should not navigate away from your site.

Linking to a Section on a Page

To link a button to a specific section (anchor link):

1. Give the target section a unique ID in its element settings (e.g., contact-section).
2. Select the button and open Link Settings.
3. Choose "Section (anchor)" from the dropdown.
4. Select the section from the list, or manually type the ID with a # prefix (e.g., #contact-section).

Anchor links work on the same page. To link to a section on a different page, use an external URL format: /about#team.

Linking from a Button Inside a Symbol

If the button lives inside a Symbol or Component, you may not be able to edit its link directly on individual instances. Two options:

• Edit the Symbol master — change the link in the main Symbol, and it updates everywhere.

• Use a Component with editable properties — if you converted the navbar to a Component, expose the link URL as an editable property so each instance can have its own destination.

Common Issues

• Button has no link setting — the element might be a styled div, not an actual Link Block or Button. Use a Link Block (a tag) or Webflow's Button element, both of which support link settings.

• Link works in preview but not on live site — the target page may be unpublished or the slug may have changed. Re-publish and verify.

• Button does not look clickable — add a hover state in the Style panel (background color change, cursor pointer) to signal interactivity.

Linking a button to another page in Webflow is a matter of selecting the button, opening its link settings, and choosing the destination. The process works the same whether the target is an internal page, an external URL, or a specific section.