How to Add Anchor Links in Wix
Anchor links let visitors jump straight to specific sections of your page without scrolling. They're brilliant for long pages, FAQs, or any content where people need to find information quickly.
TL;DR:
- Anchor links help users navigate directly to specific sections on your page
- Add anchors in Wix by selecting Add > Menu & Anchor > Anchor from the editor
- Link anchors to menu items, buttons, or text to create clickable navigation
- Good anchor names improve both usability and SEO
- Test your links to make sure they land in the right spot
Setting Up Anchor Links
The process is simple once you know where to look. You'll place invisible markers on your page, then create links that jump to those markers.
Adding the Anchor Point
Open your Wix Editor and go to the page where you want to add navigation. Click 'Add' on the left sidebar, then select 'Menu & Anchor' and choose 'Anchor'.
Drag the anchor icon to the exact spot where you want visitors to land. This could be above a heading, at the start of a new section, or anywhere that makes sense for your content.
The anchor won't show up on your live site, but you'll see a small marker in the editor. Give it a clear name that describes what section it points to. Something like "contact-form" or "pricing-table" works better than "anchor1" or "section-a".
Creating the Links
Now you need something clickable that takes people to your anchor. Select any text, button, or menu item you want to turn into a link. Click the link icon and choose 'Anchor' from the dropdown.
Pick the anchor you just created from the list. Wix will show you all the anchors you've placed on that page.
You can create multiple links to the same anchor if needed. A "Back to Top" button at the bottom of your page linking to an anchor near your header works well on longer pages.
Making Anchors Work Better
Keep anchor names simple and descriptive. If you have a section about your services, call the anchor "services" rather than something cryptic.
Place anchors slightly above where you actually want people to land. This accounts for sticky headers or gives a bit of breathing room so the content isn't cramped against the top of the browser.
Test every link after you publish. Click through from different devices to make sure the scrolling feels smooth and lands in the right place.
Common Uses for Anchor Links
Long service pages benefit from a contents list at the top linking to each service section. FAQ pages work well with anchors for each question category.
Portfolio pages can use anchors to jump between different project types. Contact pages might use anchors to skip between contact methods, office locations, or contact forms.
Consider adding anchor links to your main navigation if you have important sections that visitors often look for.
FAQs
Do anchor links slow down my site?
No, anchors don't add any loading time. They actually help because visitors find what they need without loading additional pages.
Can I link to anchors from other pages?
Yes, but you'll need to copy the full URL including the anchor part (the bit with # at the end) when creating external links to specific sections.
What happens if I delete an anchor that's being used?
The links will stop working and just refresh the page instead of jumping to a section. Always check your links after making changes.
Should I add anchors to every heading?
Only add them where they'll actually be useful. Too many anchors can clutter your editor without adding real value for visitors.
Jargon Buster
Anchor Links – Clickable elements that jump to specific sections within the same page rather than loading a new page
Wix Editor – The drag-and-drop tool you use to build and edit your Wix website
Sticky Header – A navigation bar that stays fixed at the top of the screen when scrolling
Wrap-up
Anchor links make your Wix site easier to navigate, especially on longer pages. The setup takes minutes but saves your visitors time finding what they need. Start with your most important pages and add anchors where they'll genuinely help people get around.
Ready to improve your site navigation? Join Pixelhaze Academy for more practical web design tips.