How to Create Anchor Links on Wix

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:

1. Click the section or element you want visitors to scroll to.
2. Click the Add Elements (+) button in the left panel, then go to More > Anchor.
3. Drag the anchor element onto the target section, it will appear as a small anchor icon (it is invisible to site visitors).
4. 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.

Wix Studio vs Wix Editor: Differences for Anchor Links

Wix Studio (formerly Editor X) and the classic Wix Editor both support anchor links, but the workflow differs in a few meaningful ways. If you switch between the two platforms or work with clients on either, here is exactly what changes and what stays the same.

How to Add an Anchor in Wix Studio

In the classic Wix Editor, you add anchors through the Add Elements (+) panel by going to More > Anchor and dragging the anchor icon onto the target section. In Wix Studio, the process is different:

1. Click on the section or element you want to anchor.
2. Right-click the element, or open the Layers panel on the left side of the screen and right-click the layer.
3. Select Add Anchor from the context menu. Wix Studio places an anchor icon at the top of the element.
4. Click the anchor icon, then rename it in the properties panel on the left.

The anchor name input appears 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 Between Wix Studio and Classic Wix Editor

• No drag-and-drop anchor placement in Studio: In the classic editor you drag an anchor element from the Add panel onto a section. In Studio, you add it directly through a right-click on the element or its Layers panel entry.
• 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 breakpoints: Studio is fully responsive by design. Because layouts shift at different breakpoints (desktop, tablet, mobile), anchor scroll positions adjust automatically. In the classic editor, you often need to check mobile view separately and tweak section heights to get the scroll position right on smaller screens.
• Sticky TOC setup: 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.
• What stays the same: Once placed, anchor links work identically in both editors. The same same-page and cross-page anchor linking, the same anchor name matching, and the same Preview testing process all apply.

If you are migrating a site from the classic Wix Editor to Wix Studio, your existing anchor names carry over, but check that all anchor links still point to the correct targets after the migration. Element IDs can change during the conversion process, so a full anchor audit after migrating is worth the time.

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:

1. First, place and name an anchor on the target section of the destination page (follow Steps 1-2 above).
2. On the source page, select the element you want to link.
3. Open the link settings panel and choose Page as the link type.
4. 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.

Troubleshooting Anchor Links in Wix

Most anchor link problems in Wix have a straightforward cause once you know where to look. Here are the issues you are most likely to encounter, including several that catch even experienced Wix users off guard.

Anchor Link Does Not Scroll at All

This usually means the anchor ID was not set, or you linked to the wrong anchor name. Open the editor, click the section where the anchor should be, and confirm 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. Double-check the anchor name in the settings panel and make sure it matches exactly what you typed in the link dialog. Anchor names are case-sensitive, so "PricingSection" and "pricingSection" are treated as different targets.

Page Jumps but the Section Is Hidden Behind the Header

Wix applies a scroll offset automatically, but if you are using a custom sticky header, it can cover the top of the anchored section after scrolling. The fix is to add extra padding-top to the anchored section in the editor so the content starts below where the header sits. In the classic editor, drag the top edge of the section down to increase padding. In Studio, adjust the section's top padding in the layout panel.

Anchor Link Works in Preview but Not on the Live Site

This happens when changes are saved but not re-published. Preview mode reflects your latest saved state, while the live site shows the last published version. Click Publish in the editor after adding or changing any anchor, then test the live URL directly. Also clear your browser cache before testing, since a cached version of the old page can make it appear the anchor is not working when it actually is.

Mobile: Anchor Links Scroll to the Wrong Position

Mobile layouts in the classic Wix Editor are a separate layout from desktop. Section heights, element stacking, and spacing can all differ, which means the anchor scroll position may land in the wrong spot on a phone. Switch to Mobile View in the editor and check that each anchored section is visible and not hidden on mobile. Adjust section heights in mobile view if the scroll position is off. Also confirm that anchored elements have not been hidden on mobile through the element's visibility settings.

Cross-Page Anchor Links Open the Page at the Top

The destination page must be published with the anchor already in place before a cross-page anchor link will work. If you added the anchor to the destination page but have not published since, the live version of that page has no anchor for the link to find. Publish the destination page first, then test the cross-page link. Also verify the anchor name in the link dialog on the source page matches the name set on the destination page exactly.

Anchor Links Break After Adding a New Section

When you insert a new section above an existing anchor, the scroll distance changes but the anchor itself stays intact. If you renamed or deleted an anchor while rearranging sections, any link pointing to that old name loses its target and stops scrolling. Check your anchor names in the editor after any major layout changes and update links that reference renamed or removed anchors.

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 verify the anchor name in the dropdown matches the one placed on the section you actually want. If you have many anchors with similar names, rename them to be more distinct before re-linking.

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.

Do Anchor Links Affect SEO on Wix?

Anchor links are purely navigational. They do not pass PageRank between sections and adding them will not hurt your search rankings. Google treats an anchor link as a way to help users jump around a page, not as a signal of authority or relevance between two pieces of content.

That said, anchor links can indirectly improve your SEO in a few meaningful ways:

• Better engagement metrics: When visitors can jump to the section they actually want, they spend more time on your page and are less likely to bounce back to search results. Google watches these engagement signals.
• Jump-to featured snippets: Google sometimes displays anchor links directly in search results as "jump to" shortcuts beneath the main result. This can increase your click-through rate significantly, especially for long how-to or FAQ pages.
• Crawlable by Googlebot: Google can follow anchor links in your page content and sitemaps, so if you include them, crawlers will find and index the destination sections as part of the same page.

One thing to watch: keep your anchor names distinct from your page slugs. If you name an anchor #pricing and you also have a page at /pricing, this can create ambiguity for crawlers trying to resolve the URL. Use descriptive, section-specific names like #pricing-table or #our-pricing instead.

Bottom line: anchor links are a safe and useful tool from an SEO perspective. The main benefit comes from keeping visitors engaged and giving Google enough structure to potentially surface jump-to links in search results.

How to Track Anchor Link Clicks in Wix Analytics

Wix Analytics does not track clicks on internal anchor links by default. If you want to know how many visitors click a "Jump to Pricing" or "Back to Top" link, you will need to set up tracking separately. Here are your options, from simplest to most advanced:

Option 1: Use a Button Instead of a Text Link

If your anchor link is attached to a Wix Button element, Wix can log button click events through its built-in marketing integrations. This is the easiest approach, no code required. Go to Marketing & SEO → Marketing Integrations and connect your analytics tool. Button clicks will appear as events in your connected platform.

Option 2: Google Tag Manager via Wix Velo

For text-based anchor links, you will need Google Tag Manager (GTM) connected through Wix Velo (Wix's developer mode). The steps at a high level:

1. Enable Velo in your Wix editor (Dev Mode → Turn on Dev Mode).
2. Add your GTM container snippet to the page's <head> using Wix's custom code settings.
3. In GTM, create a Click Listener trigger that fires when a click URL matches your anchor pattern (for example, contains #).
4. Create a GA4 Event tag tied to that trigger, and name the event something like anchor_click.
5. Publish your GTM container and test using GTM's Preview mode.

Option 3: Wix Velo Custom Code (No GTM)

If you are comfortable with JavaScript, you can write a short Velo code snippet that listens for clicks on anchor elements and fires a custom event to whatever analytics platform you use. This keeps everything inside Wix without a third-party tag manager.

Whichever method you choose, tracking anchor clicks helps you understand which sections of your page are most valuable to visitors, which is useful data when deciding where to expand your content.

Anchor Links vs. Wix Lightboxes: Which Should You Use?

Wix gives you two common ways to reveal content without sending visitors to a new page: anchor links (which scroll the page to a section) and lightboxes (which open a popup overlay). Choosing between them comes down to one question: should the content be read in context, or should it stand alone?

When to Use Anchor Links

• The destination content belongs in the natural flow of the page (a pricing table, a features list, an FAQ section).
• You want the visitor to see the surrounding content before and after the section they jumped to.
• You are building a table of contents at the top of a long page.
• You want Google to potentially surface jump-to links in search results.

When to Use a Wix Lightbox

• The content should be focused and distraction-free (a contact form, a signup prompt, a video).
• You want the visitor to complete a specific action before returning to the page.
• You are displaying an image gallery or a product detail panel.
• The content is supplementary and not part of the main page narrative.

Using Both on the Same Page

There is no rule against combining them. A single page might have a "See Pricing" button that scrolls to a pricing section via an anchor link, while a "Get Started" button opens a signup form in a lightbox. Each tool handles a different job, and using both thoughtfully gives visitors a smoother experience than forcing everything into one pattern.

If you are unsure which to use for a specific element, ask yourself: "Would a visitor want to read what comes before and after this content?" If yes, use an anchor link. If the content works better in isolation, use a lightbox.