Creating and sharing anchor URLs

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

https://support.wix.com/en/article/wix-editor-linking-to-anchors-on-your-site

How can I do the same thing in Editor X with or without code

Here is the support article about anchors on EditorX https://support.wix.com/en/article/editor-x-adding-and-using-anchors#linking-to-an-anchor

Hello @info59347 ,

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:

https:///#

The link URL will look something like this:
Fastest Web Hosting Services | Buy High Quality Hosting.

To internally link to any section, use the link given by @amandam in her comment.

Hope this helps~!
Ahmad

That is not what I am looking for, as I mentioned I want to create and share anchor URLs

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

Finally, I want to have the results same as the below page
https://platform.openai.com/docs/introduction/overview

Hi Ahmed

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

Hi Amanda,

I saw this article, it doesn’t answer my question, Editor X doesn’t have same options as Wix, it’s still limited

If you can share something to allow me to make documentation webpage like below page, it will be great

I apologize, you should use the hash field in the anchor settings, not thr anchor ID.

Where to find the anchor settings in Editor X, I think that’s only available in Wix Editor

Thanks for sharing such an amazing Blog.

hey did you ever find out how this is done in editor x? I’m struggling to find a solution,

thanks in advance :slight_smile:

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:

  1. 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.

  2. 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!

The Deceptive Anchor: Why Wix Studio’s Built-in Anchors Fail External Traffic"