Anchor links let you jump readers to a heading or section instead of the top of the page

An anchor link is a URL that points to a specific part of a page rather than the page itself. When someone clicks it, the browser scrolls directly to that section. In Framer, you create anchor links by naming sections and then linking to those names. This is useful when your page is long — a table of contents can jump readers to the section they want, or you can link from another page straight to the relevant part.

Framer handles anchor links through its built-in linking system. You do not need code or plugins. The process is: name your section, then create a link that points to that name. The link format is the page URL followed by a hash and the section name — for example, yoursite.com/page#pricing jumps to the section named "pricing".

Key Takeaways

  • Name your section in Framer by selecting it, opening the inspector panel, and entering a name in the "Name" field — this name becomes the anchor.
  • Create a link to that section by using the link tool, choosing "Page" as the destination, selecting your page, and then selecting the section name from the dropdown.
  • Test the link by publishing your site and clicking it — the page should scroll to that section automatically.
  • Anchor links work across pages on your site and can be shared as standalone URLs that jump directly to a section.

How to name a section so it can be linked to

Every element in Framer has a name, and that name becomes the anchor. Select the section, component, or frame you want to link to. Open the inspector panel on the right side of the screen. At the top of the inspector, you will see a text field with the element's current name — it might say "Group 1" or "Section" by default. Click that field and replace it with a descriptive name like "pricing", "testimonials", or "contact-form".

Use lowercase letters, numbers, and hyphens only — no spaces or special characters. Framer will accept the name and use it as the anchor. You can name any element: a frame, a group, a text block, a button, or a component. The name does not appear on your published site; it is only used for linking.

Creating a link that points to a named section

Select the element you want to turn into a link — usually text or a button. In the inspector panel, find the "Link" section. Click the link icon or the "Add Link" button. A menu will appear with options: "External URL", "Page", "Scroll to", and sometimes "Email" or "Phone".

Choose "Page". A dropdown will show all pages on your site. Select the page that contains the section you want to link to. If you are linking to a section on the same page, select the current page. Once you choose the page, a second dropdown appears showing all named sections on that page. Select the section name you created earlier. Framer will now link that element to that section.

If you want to link to a section on a different page, the process is the same — choose the other page, then choose the section name. Framer builds the correct URL automatically.

Using the "Scroll to" option for sections on the current page

Framer also offers a "Scroll to" option when you are linking within the same page. This is faster than choosing "Page" and then selecting the page again. Select your link element, open the Link menu, and choose "Scroll to". A dropdown shows all named sections on the current page. Select the one you want. This creates the same anchor link as the "Page" method, just with fewer steps.

Use whichever method feels natural to you — both produce identical results. The "Scroll to" option is slightly quicker for same-page links; the "Page" option is clearer when you are linking across multiple pages.

Testing your anchor links before publishing

Anchor links do not work in the Framer editor — they only function on your published site. Publish your site or open a preview link. Click the link you just created. The page should scroll smoothly to the named section. If it does not, check two things: first, confirm the section name is spelled exactly the same way in both the section itself and the link (Framer is case-sensitive). Second, make sure the section is actually on the page — if you deleted it or moved it to a different page, the link will not find it.

If the link works but scrolls to the wrong place, you may have named the wrong element. Select the section again and verify its name in the inspector panel matches what the link points to.

Sharing anchor links directly to readers

Once your site is published, you can share a link that jumps directly to a section. Copy the page URL from your browser, add a hash symbol and the section name to the end, and share it. For example, if your site is mysite.framer.app and you have a section named "faq", the link would be mysite.framer.app/#faq. Anyone who clicks that link will land on the page with the section already in view.

This is useful for email campaigns, social media, or documentation. Instead of sending someone to the top of a long page and making them scroll, you send them directly to the part they need. You can also use these links in a table of contents at the top of your page — each item links to a section below.

Common issues and how to fix them

The most common problem is a mismatch between the section name and the link target. Framer names are case-sensitive, so "Pricing" and "pricing" are different. If your link does not work, open the inspector, select the section, and check the exact spelling and capitalization of its name. Then select the link element and verify the link points to that exact name.

Another issue is naming elements with spaces or special characters. Framer may accept them in the name field, but they can cause problems in the URL. Stick to lowercase letters, numbers, and hyphens. If you have already named a section with spaces, edit the name to replace spaces with hyphens.

If a link scrolls to the wrong section, you may have multiple elements with the same name. Framer will link to the first one it finds. Rename one of the duplicates to make them unique.

Frequently Asked Questions

Can I link to a section on someone else's Framer site?

No. Anchor links only work within your own site. You can link to another site's homepage, but not to a specific section on it unless that site has published its own anchor links and you know the exact section names.

Do anchor links work on mobile?

Yes. Anchor links function the same way on mobile browsers as on desktop. The page scrolls to the section when the link is clicked, and the URL in the address bar updates to show the anchor.

What happens if I rename a section after creating links to it?

The links will break. Framer links to the section name, not the section itself. If you change the name, update the links to match the new name. Select each link element and change the target section in the Link menu.

Can I create an anchor link to a component inside a page?

Yes. Any named element can be an anchor — frames, groups, components, text blocks, or buttons. Name the component in the inspector and link to it the same way you would link to a section.