Comment ajouter une ancre sur Wix ou Wix Studio ?

Ajouter une ancre à votre menu dans un site internet Wix studio vous permet de renvoyer le visiteur vers une section précise de votre site, sans avoir à créer de pages supplémentaires. Les ancres sont souvent utilisées pour des sites d'une seule page et landing page, afin de faciliter la navigation. Dans cet article, nous allons répondre à deux questions : Comment ajouter une ancre sur Wix Studio et comment lier notre ancre à une URL ?

Sommaire :

Ajouter une ancre sur Wix Studio

Ajouter une ancre sur l'éditeur Wix classique

Pourquoi ajouter une ancre sur Wix studio ?

Une ancre vous permet d'envoyer le visiteur vers une section précise de votre page. Elle facilite la navigation, et vous permet de guider le visiteur sans avoir besoin de créer des pages séparés. Une ancre peut renvoyer vers une section de la page actuelle, mais peut aussi être liée à une section d'une page séparée. L'utilisateur n'arrivera pas en haut de la page, mais directement à la section attachée à l'ancre.

Voici les principales étapes à l'ajout d'une ancre sur Wix Studio

Ajoutez une ancre sur votre section

• Rendez-vous dans l'éditeur de site Wix Studio

• Sélectionnez la section à laquelle vous voulez attacher une ancre, pour mon cas, il s'agit de la section contact.

• Ouvrez le panel inspecteur en cliquant sur la flèche à droite de l'écran

• Défilez en bas du panel inspecteur, et cochez "Ajouter une ancre"

• Renommez l'ancre pour que vous puissiez la reconnaitre.

Liez l'ancre à votre menu horizontal, et à votre menu burger sur tablette et mobile

• Sélectionnez le menu horizontal

• Cliquez sur "gérer le menu"

• Ajouter un élément

• Sélectionnez Lien

• Sélectionnez "Ancre" dans la liste

• Sélectionnez la page où se trouve l'ancre dans le menu déroulant. Ce sera bien souvent la page actuelle.

• Sélectionnez le nom de l'ancre que vous avez renommé dans la première étape.

Renommez la nouvelle ancre de votre menu.

Comment connecter l'URL d'une ancre Wix Studio à un lien ?

Pour connecter votre ancre à une URL et la partager sur les réseaux sociaux, vous n'avez pas besoin de réaliser les étapes précédentes. Voici les étapes pour lier ancre Wix studio à une URL :

1. Activer la console développeur Wix Studio

   

2. Dans l'onglet "Code de la page", copier-coller le code suivant :

   import wixLocation from 'wix-location'; $w.onReady(function () { const anchor = wixLocation.url.split('#')[1]; anchor && $w('#'+ anchor).scrollTo(); })

   

3. Ouvrez le menu des calques.

   

4. Cochez " activer les identifiants" si ce n'est pas fait, trouvez la section que vous voulez lier

5. Renommer l'identifiant de votre section, en minuscule et sans accents. Exemple : #contact

6. Partagez l'URL de votre site, en ajoutant # + l'identitfiant à la fin, par exemple : https://www.trend-design.fr/#contact

C'est fait ! vous avez ajouté une ancre dans votre site Wix studio.

Vous souhaitez ajouter une ancre à Wix Classique ?

Vous avez besoin de plus de formation sur Wix studio ? N'hésitez pas à consulter notre formation wix