Anchor links, also called Wix scroll to section links, let visitors jump directly to a specific part of your page with a single click. Instead of scrolling through long content, users land exactly where they need to be. If you want to know how to create anchor links on Wix, this guide walks you through every step in the current Wix Editor.
On the Wix platform, creating anchor links is straightforward and requires no coding. Whether you are building a long sales page, a one-page portfolio, or a multi-section homepage, a Wix anchor link is one of the most effective navigation tools available. You can also add other types of links in Wix to connect pages, external sites, and more.
What Are Anchor Links?
An anchor link is a clickable link that scrolls the page to a named position, called an anchor, rather than opening a new page. You place an anchor on an element (a section, text block, or button), then link to that anchor from anywhere else on your site. For all other link types available in Wix, including text links, image links, and button links, see our full guide on how to add any link type in Wix.
There are two main ways to use anchors on Wix:
- Same-page anchors: Link from a button or text at the top of a page down to a section further below, ideal for long pages and one-page sites.
- Anchor menu: A floating menu that lists all anchors on the page, so visitors can jump between sections at any time as they scroll.
Why Use Anchor Links on Wix?
A Wix anchor link improves user experience by reducing unnecessary scrolling. Visitors find what they need faster, which lowers bounce rates and increases time on page, both positive signals for SEO. Anchor links are especially useful on long-form pages, FAQ sections, pricing tables, and multi-step guides.
Where Can Anchor Links Be Used?
You can attach an anchor to almost any element in the Wix Editor: sections, text boxes, buttons, images, and more. Common placements include table-of-contents navigation at the top of blog posts, "scroll to pricing" buttons on landing pages, and calls-to-action that jump to a contact form.
How to Create Anchor Links on Wix, Step by Step
Follow these steps to create anchor links in Wix using the standard Wix Editor:
Step 1: Log Into Your Wix Account
Go to Wix and sign in with your email or social media account. From the dashboard, navigate to My Sites and click Edit Site on the site you want to update.
Step 2: Add an Anchor to a Section
Before you can link to a section, you need to place an anchor on it. In the Wix Editor:
- Click the section or element you want visitors to scroll to.
- Click the Add Elements (+) button in the left panel, then go to More > Anchor.
- Drag the anchor element onto the target section, it will appear as a small anchor icon (it is invisible to site visitors).
- Double-click the anchor icon and give it a clear, descriptive name (e.g., "pricing" or "contact-form").
Alternatively, you can click directly on a section strip, select Anchor from the section menu, and Wix will create and name the anchor automatically based on the section title. If you want to learn more about linking elements together, see the full guide on how to add a link in Wix.
Step 3: Select the Text or Button You Want to Link
Now navigate to the element that will trigger the scroll, a button, text phrase, or image. Click to select it in the editor.
Step 4: Click the Link Icon
With the element selected, click the link icon (chain link symbol) in the top toolbar or in the element's floating action bar. This opens the link settings panel.
Step 5: Choose Anchor as the Link Type
In the link settings panel, select Anchor from the list of link types. A dropdown will appear showing all anchors you have placed on the current page. Select the anchor you want to scroll to.
Step 6: Test Your Anchor Link
Click Save, then switch to Preview mode. Click your link and confirm the page scrolls smoothly to the correct section. If it does not scroll as expected, check that the anchor is placed on the right element and that you selected the correct anchor name in the link settings.
How to Build a Table of Contents with Anchor Links in Wix
A table of contents at the top of a long page is one of the most practical uses of Wix anchor links, and most guides skip the full workflow. Done correctly, a TOC lets visitors jump to any section, reduces pogo-sticking, and signals to search engines that your page is well-structured. Here is how to set one up from scratch.
Step 1: Plan Your Sections and Anchor Names First
Before you add a single anchor, list every section heading your page will have. Write down a short, lowercase anchor name for each, for example "features," "pricing," "faq," "contact." Deciding names upfront prevents you from having to rename anchors later (which breaks any links already pointing to them).
Step 2: Add Anchors to Each Section
Work through the page top to bottom. For each section, click the section strip, open the section menu, and select Add Anchor. Rename the anchor to match the name you planned in Step 1. Repeat for every section that will appear in the TOC.
Step 3: Create the TOC Text Block at the Top of the Page
Add a text element near the top of your page, above the main content. Type out each section heading as a separate line. This becomes your clickable TOC. For example:
- Features
- Pricing
- FAQ
- Contact
Select each line of text individually. Click the link icon, choose Anchor as the link type, and pick the matching anchor from the dropdown. Repeat for each TOC entry.
Step 4: Style the TOC So It Looks Like Navigation
A plain text block can look like body copy. To make your TOC clearly look like a navigation element, apply a distinct text style (bold, a different color, or a slightly smaller font size than your main headings). You can also add a light background behind the text block using a container or a color strip. Keep the TOC visually separate from the article body so visitors immediately recognize it as navigation.
Step 5: Make the TOC Sticky (Optional but Recommended)
A sticky TOC stays visible as the visitor scrolls, so they can jump to any section at any point. In the Wix Editor, right-click the TOC container or text element and select Pin to Screen. Choose a screen position (typically the left side or top of the page). Adjust the offset so it does not overlap important content. Test in both desktop and mobile preview, since pinned elements behave differently on smaller screens.
One Thing to Watch
Wix does not have a dedicated TOC widget in the classic editor, so your TOC is a manually built text element. If you add or rename sections later, you need to update both the anchor names on those sections and the links in your TOC text block. A quick audit whenever you restructure the page prevents broken scroll targets.
Anchor Links in Wix Studio
Wix Studio (formerly Editor X) uses a different interface from the classic Wix Editor, and the anchor workflow has a few meaningful differences worth knowing if you or your clients are on Studio.
How to Add an Anchor in Wix Studio
In Wix Studio, anchors are not added through the Add Elements (+) panel the same way as in the classic editor. Instead:
- Click on the section or element you want to anchor.
- In the top toolbar, click the three-dot menu (more options) for the selected element.
- Select Add Anchor. Wix Studio places an anchor icon at the top of the element.
- Click the anchor icon, then rename it in the panel that appears on the left.
The anchor name input is in the left-side properties panel rather than in a floating dialog, which is the main UI difference compared to the classic editor.
Linking to an Anchor in Wix Studio
The linking process in Studio is similar to the classic editor. Select the button or text element you want to trigger the scroll, click the link icon in the toolbar, and choose Anchor from the link type list. The dropdown shows all named anchors on the current page. For cross-page anchor links, choose Page, select the destination page, and then toggle on the anchor option.
Key Differences from the Classic Editor
- No drag-and-drop anchor placement: In the classic editor you drag an anchor element from the Add panel onto a section. In Studio, you add it directly through the element's options menu.
- Anchor visibility: In Studio, anchor icons are slightly smaller and appear in the top-left corner of the anchored element rather than as a floating draggable icon.
- Responsive behavior: Studio is fully responsive by design. Anchor scroll positions adjust automatically to different screen sizes, which reduces the manual mobile-adjustment work sometimes needed in the classic editor.
- Pinning for sticky TOC: In Studio, use the Docking settings (found in the layout panel on the right) to pin an element to the screen. The option is labeled differently from the classic "Pin to Screen" but achieves the same result.
If you are migrating a site from the classic Wix Editor to Wix Studio, your existing anchor names carry over, but you will need to check that all anchor links still point to the correct targets after the migration, since element IDs can change during the conversion process.
How to Link to an Anchor on a Different Page in Wix
You can also create a Wix anchor link that points to a section on a different page, for example, a "See Pricing" button on your homepage that scrolls to the pricing section on your Services page.
To do this:
- First, place and name an anchor on the target section of the destination page (follow Steps 1-2 above).
- On the source page, select the element you want to link.
- Open the link settings panel and choose Page as the link type.
- Select the destination page, then enable the Scroll to anchor toggle and choose the anchor name from the dropdown.
This is one of the more powerful uses of anchors in Wix and works well for multi-page sites where you want to guide visitors to specific content across pages.
Best Practices for Anchor Links on Wix
Use Descriptive Anchor Names
Give each anchor a name that clearly describes the section it marks, "contact," "pricing," "faq", rather than generic labels like "anchor1." Descriptive names make it easier to manage links as your site grows and can improve accessibility for screen reader users.
Do Not Overuse Anchor Links
Anchor links are most useful when a page is long enough that scrolling becomes difficult. On shorter pages, too many anchor links add visual clutter without a clear benefit. Use them where they genuinely help visitors find content faster.
Test on Mobile
Wix renders anchor link scroll behavior differently on mobile in some templates. Always test your anchor links using the Mobile Preview in the Wix Editor to confirm sections are reachable and the scroll position lands correctly. If you use Wix on mobile regularly, the guide on how to use Wix covers the full mobile editing workflow.
Keep Anchor Names Updated
If you rename or delete a section that has an anchor, update or remove any links pointing to that anchor. A broken anchor link does not throw a 404 error, it simply fails to scroll, which can confuse visitors and damage trust in your site.
Anchor Links Not Working on Wix: Common Fixes
Anchor links in Wix can sometimes fail to scroll correctly. Most problems have a simple cause. Here are the issues you are most likely to encounter and how to fix each one.
The Page Doesn't Scroll to the Anchor
This usually means the anchor was not saved properly in the Wix editor. Open the editor, click on the section where the anchor should be, and check that an anchor icon appears in the top-left corner of the section. If there is no icon, right-click the section and select Add Anchor from the menu. Save and republish the site before testing again.
The Anchor Link Points to the Wrong Section
If clicking the link scrolls to the wrong part of the page, you likely selected the wrong anchor when setting up the link. Click the button or text element, open the link settings, and confirm the anchor name matches the one attached to the section you want. Anchor names are case-sensitive, so "PricingSection" and "pricingSection" are treated as different targets.
Anchor Links Break After Adding a New Section
When you insert a new section above an existing anchor, the scroll distance changes. The anchor itself does not break, but if you renamed or deleted an anchor while rearranging sections, the link loses its target and stops working. Check your anchor names in the editor after any major layout changes.
Anchor Links Don't Work on Mobile
Wix's mobile editor is a separate layout. An anchor added in the desktop editor is also available on mobile, but the mobile layout may have different section heights that affect the scroll destination. Test the link in both the desktop and mobile preview modes before publishing. If the scroll position looks off on mobile, adjust the section height in the mobile editor.
Links to Anchors on a Different Page Open at the Top
Cross-page anchor links require a specific URL format: yoursite.com/page-name#anchorName. If you are using the Wix link dialog and do not see the cross-page option, make sure you have anchors already placed on the destination page. The link dialog only shows anchor names for pages that have at least one anchor set up.
The Link Works in Preview But Not When Published
Always click Publish after making changes in the editor. Preview mode uses a cached version of your site, so changes you see in preview may not reflect the current published state. After publishing, clear your browser cache and test the live URL directly.
Quick Reference: Anchor Links on Wix
Before you close the editor, run through this checklist to make sure your anchor links are set up correctly and will work when visitors arrive:
- Anchor placed on the right element? Confirm the anchor icon appears on the section or element you want visitors to scroll to, not an adjacent element.
- Anchor name is descriptive and lowercase? Names like "pricing" or "contact-form" are easier to manage than "anchor1" or "Section3." Lowercase avoids case-sensitivity errors.
- Link points to the correct anchor? Open the link settings on your button or text and verify the anchor name in the dropdown matches the one you placed.
- Tested in Preview mode? Click every anchor link in Preview before publishing. Scroll behavior in the editor canvas does not always match the live site.
- Tested on mobile? Open Mobile Preview and click each anchor link. Adjust section heights in the mobile editor if the scroll position lands in the wrong place.
- Cross-page links set up correctly? If linking to an anchor on another page, confirm the destination page has its anchor saved and published before the source link will work.
- TOC links updated after any page restructure? Any time you rename, move, or delete a section, update both the anchor on that section and any TOC or button links pointing to it.
For a broader look at linking in Wix, see the guide on how to add and edit text on Wix, text formatting and linking often go hand in hand when building well-structured pages.
* read the rest of the post and open up an offer