Anchors and Creating Anchor Links

Hello everyone,

Have you wanted to learn more about anchors and more importantly, send links directly to anchored content on your Wix Studio site? If so, you've come to the right place.

In this video, Robert of Wix Vault discusses anchors, what they are and how you can add them to your site but also how you can send unique URL links so that users can land directly on whichever part of your pages you want them to?

Want to direct users directly to your services or your product pages? Well now you can do so.

Thank you kindly to Luc Constatin for the inspiration and Duncan Simpson for generously providing the code for the coded solution.

Links:

Wix Vault: https://www.wixvault.com/ (you can find the code there as well)

Freelance Fam: https://www.freelancefam.com/

Newform Community: https://www.newform.community/ (not brought up in the video but this is where I host weekly meetings discussing Wix Studio and where Duncan and I spoke about this workaround)

Feature request for unique anchor links: https://support.wix.com/en/article/studio-editor-request-unique-links-for-anchors

Wix Studio Forum post: https://forum.wixstudio.com/t/how-to-create-a-unique-anchor-link-on-wix-studio/48142

Code for anchor linking:

import wixLocationFrontend from 'wix-location-frontend';
$w.onReady(function () {
    try {
        $w(`#${wixLocationFrontend.url.split('#')[1].split('?')[0]}`).scrollTo();
    } catch (error) {
        console.error(error);
    }

});