créer un lien d'ancrage sur son site Squarespace en no-code

Depuis l’automne 2024, Squarespace propose désormais de créer des ancres, ou liens d’ancrage, vers une section spécifique, et ce, sans coder ! 🙏  

Dans ce tutoriel, nous allons va voir qu’est-ce qu’un lien d'ancrage, pourquoi il est pertinent de les utiliser, et comment les intégrer à son site Squarespace !

Le tutoriel précédent, comment créer un lien d’ancrage en codant, reste très utile pour renvoyer à un endroit bien précis d’une page web !

 

qu'est-ce qu'un lien d'ancrage ?

Un lien d'ancrage est un lien hypertexte spécifique qui dirige les visiteurs d'une page web vers une section particulière de la même page. Au lieu de les rediriger vers une nouvelle page ou un nouvel onglet, un lien d'ancrage permet aux visiteurs de naviguer rapidement vers la partie spécifique du contenu qui les intéresse. C’est particulièrement pertinent pour les pages web longues avec beaucoup d'informations, comme les pages de services ou les pages de vente.

 

pourquoi utiliser une ancre sur son site Internet Squarespace ?

améliorer l'expérience utilisateur

Plutôt que de faire défiler indéfiniment vos visiteurs en quête de l’information qui les intéresse… vous pouvez les guider directement d’un point A à un point B. L’objectif étant de rendre la navigation sur votre site plus fluide et agréable pour vos visiteurs - encore et toujours ! ce qui les incitera à rester plus longtemps, à découvrir votre univers, et à explorer davantage de contenu.

simplifier la navigation

Les liens d'ancrage peuvent également simplifier la navigation sur votre site. On arrête de surcharger son menu principal avec des catégories et sous-catégories… Vous pouvez regrouper le contenu sous des sections principales et utiliser des liens d'ancrage pour permettre aux visiteurs d'accéder rapidement à la section qui les intéresse.

améliorer le taux de conversion

En dirigeant vos visiteurs vers des sections spécifiques de votre contenu - comme un appel à l’action spécifique ! - les liens d'ancrage peuvent également augmenter l'engagement et le taux de conversion. Si vous avez un article de blog long, par exemple, vous pouvez créer un lien d'ancrage vers une section avec des appels à l'action, des formulaires d'inscription, des téléchargements offerts...

comment créer un lien d’ancrage ?

On passe à la pratique ? Je vous montre pas à pas dans la vidéo comment créer un lien d’ancrage sur votre site Squarespace ! 

Attention ⚠️ ce type de lien n’est compatible qu’avec les plans Business et supérieur.

Le code à utiliser sur votre site :

html {
scroll-behavior : smooth;
}
 
 

plus d’articles et de tuto CSS

 
Portrait de Laura Testud. Créer lien d'ancrage, ou ancre, sur son site Squarespace, sans coder.

Webdesigner et consultante Squarespace, j’accompagne et je crée pour mes clients des sites intelligents, stratégiques et haut de gamme. On travaille ensemble ?

 
Capture du guide CSS. Créer lien d'ancrage, ou ancre, sur son site Squarespace, sans coder.

Personnalisez en quelques clics et copier-coller votre site Squarespace : intégrer votre police, personnaliser les cookies… sans apprendre à coder !

Précédent
Précédent

supprimer la pagination des articles de blog Squarespace

Suivant
Suivant

ajouter un bouton à une FAQ / bloc Accordéon dans Squarespace