I would like generate a unique anchor URL to share across platforms, so when visitors click the link, they’re brought directly to the anchor on the web page, so they don’t need to scroll to find information especially since I am going to use that for the documentation webpage
I found the below article explaining how to do that in Wix Editor
If you mean sharing an external link, you can always create an Anchor and place it on the place you want to link on your page and make sure to give it a unique and memorable ID. Once you do that, you can add a hash sign (#) at the end of your page URL, followed by the ID of the anchor, for example:
You have a hero section somewhere on a product page, add an Anchor element and place it right above the hero section, give it an ID of “heroSection”. Then add the ID as follows:
also, how can I make add a navigation menu to the anchors the same as the one Wix uses on their documentation page since the available menus in editor X such as the vertical menu or anchor menu are very poor, The vertical menu doesn’t have hover! or even show in selected status when scrolling the anchors (Sections with anchors) and the anchor menu has no options even to adjust the spacing of the items or background colors
thanks for your reply, I already did same as what you mentioned exactly but the url doesn’t go to the anchor element,
the only working way is I inspect the section through the browser develop tools to get the section ID <div Id: ”letters and numbers”, then add this ID to the domain URL
I’ve spent a lot of time troubleshooting this for a recent client project, and there is a major unexpected ‘trap’ here: Standard Wix anchors are built for internal navigation only. Most of us assume that toggling an anchor in the Inspector creates a standard HTML hashtag. It doesn’t.
The Technical Gap: Internal Data vs. External Fragments
Standard web development relies on URL Fragments. When a browser sees a # at the end of a URL, it natively looks for that ID and jumps to it. Wix Studio handles this differently:
The Internal Logic: Wix navigation linked to anchors uses a private JavaScript ‘data call’ to slide the page down. Notice your address bar when you click an internal link linked to an anchor, the browser URL doesn’t change.
The External Failure: Because the URL remains ‘clean,’ the browser has no idea you wanted to be at the bottom of the page. If you manually add a hashtag to an external link, Wix’s internal logic simply ignores it.
The React Trap: Even if you try to ‘force’ it by finding the ID in the browser inspector (like #comp-l7p...), you can’t rely on them. Because Wix Studio is a dynamic React app, those IDs are generated at ‘build time.’ They are volatile and change. If you share a link using a “mangled ID” today, it might be a dead link tomorrow.
The ‘Stable Anchor’ Solution
A fix is to build a Velo ‘Bridge’ that allows the browser to talk to your page:
Assign a CSS Class: Give your section a class like property-map or contact-info. Unlike IDs, these classes are ‘sticky’—they won’t change when you publish.
The Velo Bridge: Add a script to your masterPage.js that listens for that external hashtag, finds the CSS Class, and triggers a scroll.
I actually just shared a script on Designer to Fullstack that handles this. It waits for the page to finish rendering (so the height doesn’t shift as images load) and then locks the scroll to that CSS Class. It gives you permanent, professional links like: yoursite.com/page#map.
Hope this helps someone avoid the Wix Studio external anchor headache!