How to Add In-Page Menu Anchors with Wix: Tutorial Guide

Setting up in-page menu anchors with Wix is one of those tasks that looks straightforward until you actually try it. The anchors go in, the menu looks fine in the editor, and then a visitor clicks a link and lands on the section with the section heading hidden behind the sticky navigation bar. Or the mobile menu stays open and covers exactly what they were trying to read. Wix’s own documentation covers the basic steps but skips most of what goes wrong in practice.

This guide fills those gaps. It covers how to add in-page menu anchors with Wix’s Classic Editor step by step, how to handle the same process in Wix Studio (which works differently), and how to fix the offset and mobile issues that catch most people out. There is also a section on what well-structured anchor navigation does for your search visibility — including how Google uses anchor structure to generate jump links beneath your search result.

What Are Wix Anchors and When Should You Use Them?

An anchor is a named point on a webpage. When a visitor clicks a menu item linked to that anchor, the browser scrolls directly to that position rather than loading a new page. The result is smooth, section-based navigation on a single page — commonly used for service pages, one-page websites, and long-form landing pages.

For small businesses, the most practical use cases are one-page service sites, long product or pricing pages, and resource guides where visitors are likely to scan for a specific section rather than read top to bottom. Done well, anchors reduce frustration and keep people on your page longer. Done poorly — with labels that do not match the content they point to, or offsets that dump users in the wrong place — they do the opposite.

There is also an SEO consideration. When Google indexes a page with well-structured in-page anchors, it sometimes surfaces jump links beneath the main search result, giving your listing more visual space in the results page. This is not guaranteed, but it is a meaningful bonus when it occurs.

How to Add In-Page Menu Anchors on Wix (Classic Editor)

The Classic Editor is where most small business owners on Wix are working. Adding an anchor menu is straightforward once you know where to find the element.

Step 1: Open the Add Elements Panel

Log in to your Wix account and open the website editor. Click the Add Elements button (the plus icon) in the left-hand panel. Scroll to the Menu & Anchor section, or type “In-Page Navigation” into the search bar at the top of the panel.

Step 2: Choose and Place the Anchor Element

Wix offers several anchor menu designs. Select the one that fits your site’s visual style, then drag and drop it onto the page. Anchor menus work best on single-page sites or on long pages with four or more distinct sections. If you are placing it on a multi-page site, position it on the specific page where it will be useful.

Step 3: Adjust the Number of Anchor Points

Once placed, the element will display a default number of anchor points. If you have fewer sections than the default, click into the element and delete the excess points. Each remaining point needs to be named clearly — use short, descriptive labels that match your section headings exactly.

Step 4: Pin the Menu to the Screen

To make the anchor menu follow the visitor as they scroll (rather than staying fixed at one position on the page), right-click the element and select Pin to Screen. Choose your preferred position — right-hand side is the most common for floating anchor menus — and adjust the offset so it sits comfortably without overlapping other content.

Step 5: Link Each Anchor Point to Its Section

Click on each menu item within the anchor element and use the link panel to connect it to a specific anchor or section on the page. Wix will show you all available anchors on the current page. If you have not yet placed named anchors at each section, do that first by clicking Add Elements > Menu & Anchor > Anchor and dragging an anchor marker to the top of each section.

Step 6: Preview, Test, and Publish

Click Preview to test the anchor menu in action. Check each link scrolls to the correct section, that the menu follows the page correctly, and that the labels are readable on both desktop and mobile. When everything works as expected, publish your changes.

Managing Anchors in Wix Studio

Wix Studio, which replaces the Classic Editor for new professional builds, handles navigation anchors differently. Rather than draggable anchor elements, Studio uses Section IDs — unique identifiers attached directly to each section on the page.

To link a menu item to a section in Wix Studio, click the section you want to target, open the section settings, and assign or note its Section ID. Then, in your navigation menu settings, link the menu item to that section by selecting it from the page anchor list. The visual result is the same, but the underlying approach is more structured and closer to how custom-coded sites handle anchor navigation.

This matters for agencies and freelancers building sites for clients in Wix Studio — the workflow is faster and less prone to anchors falling out of alignment when page content shifts. For business owners managing their own sites, it is worth knowing which editor you are using before following any tutorial, since screenshots and instructions for Classic Editor and Studio are not interchangeable.

Solving the Header Overlap Problem

This is the most common complaint about Wix anchor navigation, and it is barely addressed in the platform’s own documentation. When a visitor clicks an anchor menu item, the page scrolls so that the target section sits at the very top of the browser window. On sites with a sticky (fixed) header, that header then covers the top of the section, so the section heading is hidden behind the navigation bar.

The practical fix within the Wix editor is to add a transparent container at the top of each section, sized to match the height of your sticky header. This gives the browser a buffer to scroll to, so the visible content begins below the header rather than behind it. For most standard Wix headers, a transparent box of 70 to 90 pixels high, placed at the very top of each section, is sufficient — though this depends on your specific header height.

To check your header height: click on the header element in the editor and look at the height value in the toolbar. Match your transparent buffer to that figure.

This is exactly the kind of layout problem that becomes easier to resolve in a custom-built WordPress site, where scroll offset adjustments can be applied globally through CSS rather than individually on every section of every page. Ciaran Connolly, founder of ProfileTree, notes that the most frequent Wix frustration we see from businesses approaching us for a redesign is not the platform’s feature set but the time spent on manual workarounds like this one — that, on a custom build, would not be needed at all.

Mobile Optimisation: Wix Anchor Menus on Smartphones

Anchor menus behave differently on mobile, and the most persistent issue is the hamburger menu staying open after a visitor clicks an anchor link. This leaves the navigation panel covering the section the visitor just scrolled to.

To address this in the Classic Editor, check your mobile menu settings. Some Wix templates include a “Close Menu on Click” option in the mobile navigation settings — enable it if available. If your template does not include this option, repositioning or hiding the anchor menu on mobile (via the mobile editor’s “hide on mobile” toggle) and replacing it with a simpler navigation approach may produce a better user experience than leaving it as-is.

Always test anchor navigation on an actual mobile device after publishing, not just in the desktop preview. Wix’s mobile preview does not always reflect how the site behaves in a real mobile browser.

Accessibility: What UK Business Owners Should Know

For businesses in the UK, website accessibility is not optional guidance — it is covered by the Equality Act 2010, which applies to commercial websites as well as public sector ones. For one-page sites with anchor navigation, the key accessibility considerations are keyboard navigation and screen reader behaviour.

A visitor using a keyboard rather than a mouse should be able to tab through anchor menu items and activate them. A visitor using a screen reader should receive clear, descriptive labels for each anchor link — generic labels like “Section 1” or “More” do not meet this standard. Our guide to implementing accessible navigation covers these principles in detail and is worth reading alongside this tutorial if your site serves a broad audience.

Wix’s built-in components generally meet basic keyboard accessibility requirements, but the responsibility for clear anchor labelling sits with the site owner. Use real section names: “Our Services”, “Pricing”, “Contact” — not numbered or vague descriptions.

When Wix Anchor Navigation Is Not Enough

Anchor menus in Wix are well-suited to small, stable sites where the page structure rarely changes. They become limiting when a business grows to the point where it needs multi-level navigation, conditional content (showing different sections to different user types), or deep-link tracking for marketing campaigns.

At that point, the question is whether to work around the platform’s constraints or commission a build that avoids them. A custom WordPress site, for example, gives developers full control over scroll behaviour, offset calculations, mobile menu logic, and anchor-based analytics — without the manual workarounds that Wix requires. You can read more about how this decision typically plays out in our overview of the cost of a WordPress website, which covers the practical trade-offs for SMEs.

For businesses that want to build these skills in-house rather than outsource them, ProfileTree’s digital training programme covers website management, UX principles, and platform decision-making through a structured curriculum.

Best Practices for Naming and Organising Wix Anchors

How you name your anchors matters more than most tutorials suggest. Wix uses the anchor name to generate the on-page link label and, in some cases, to populate the text that appears in Google’s jump links beneath your search result. Vague names like “Section 1” or “Part A” serve neither purpose well.

Use short, descriptive labels that match your visible section headings exactly. If your section heading reads “Our Services”, the anchor above it should be named “Our Services” — not “services”, not “section-2”, not “block”. Consistency between the anchor name and the heading above it helps both visitors and search engines understand the page structure.

Keep Anchor Labels Short and Scannable

Anchor menu items appear as small buttons or links, often stacked vertically in a floating panel. Long labels wrap awkwardly, making the menu harder to read at a glance. Aim for one to three words per label. “Pricing”, “Our Work”, and “Contact” are more usable than “View Our Full Pricing Options” or “Get in Touch With Our Team”.

Order Anchors to Match the Page Flow

The anchor menu should reflect the order in which sections appear on the page, top to bottom. If a visitor clicks an anchor and finds themselves scrolling in the wrong direction, that is a layout problem rather than a navigation one — but it is confusing either way. When reorganising sections in the Wix editor, update the anchor order to match the new order.

Wix Anchor SEO: How Jump Links Appear in Google

When Google indexes a page that uses well-structured in-page anchors, it can display jump links beneath the main search result — additional blue links that take the visitor directly to a named section rather than the top of the page. These are sometimes called sitelinks or deep links, and they give your search listing more visual presence without requiring any additional content.

For jump links to appear, the anchor names must be specific, and the sections they point to must contain substantive content. A section named “Pricing” that contains only one sentence is unlikely to qualify. A section named “Pricing” that includes a pricing table, explanatory text, and a clear CTA is a much stronger candidate.

How to Check Whether Your Wix Anchors Are Being Indexed

Search Google for your exact page URL using the site: operator (for example, site:yourdomain.com/your-page). If jump links appear beneath the result, Google has identified and indexed your anchor structure. If they do not appear, check that your anchor names are descriptive, that each anchored section has enough content, and that the page itself is not set to “noindex” in your Wix SEO settings.

Google’s decision to show jump links is not directly controllable — you cannot force them to appear. But clean anchor naming, substantive section content, and a well-structured page significantly improve the chances. For a broader look at how on-page structure affects search visibility, our SEO guide covering Google’s core updates explains the principles that apply across all page types, not just anchor-heavy ones.

Conclusion: In-Page Menu Anchors with Wix

Getting Wix anchor menus to work correctly mostly comes down to knowing where the platform hides the settings, understanding why the header overlap occurs, and testing on mobile before you publish. The steps themselves are not complicated; the problems that frustrate most people come from gaps in Wix’s own documentation rather than anything inherently difficult about the feature.

If you find yourself hitting the edges of what Wix’s editor allows — particularly around mobile menu behaviour, scroll offset control, or tracking which sections visitors actually engage with — that is usually the point at which a conversation about a more flexible build becomes worthwhile. ProfileTree works with SMEs across Northern Ireland, Ireland, and the UK on exactly these decisions: from Wix tutorials and digital training through to full web design projects for businesses that have outgrown their current platform.

FAQs