Comment garder une section toujours visible sur votre page

Dans cet article, vous apprendrez comment garder une section de votre page fixée en utilisant l’option sticky.

Cette fonctionnalité permet de garder la section sélectionnée visible pour les utilisateurs lorsqu’ils font défiler le contenu, améliorant ainsi l'expérience de navigation en gardant les éléments clés accessibles lors du défilement.

Pourquoi utiliser une section Sticky ?

Rendre une section sticky est utile lorsque vous souhaitez :

• Garder les menus de navigation toujours accessibles.
• Mettre en valeur des annonces, des appels à l’action ou des informations de contact.
• Améliorer l’expérience utilisateur en réduisant le besoin de remonter la page.

Comment créer une section Sticky ?

1. Ouvrez l’éditeur de page et cliquez sur la section que vous souhaitez garder visible pour accéder à ses paramètres (1).

2. Dans le panneau des paramètres sur le côté gauche, faites défiler vers le bas jusqu’à l’option Sticky (2).

3. Cochez la case intitulée « Voulez-vous rendre l'élément toujours visible ? (collant) » pour activer les paramètres sticky (3).

4. Une fois cette option activée, deux paramètres supplémentaires apparaîtront : Largeur du contenu et Indenter.

• Largeur du contenu : choisissez si la section doit rester fixée en haut ou en bas de l’écran.

• Indenter : utilisez le curseur ou le champ numérique pour ajouter un espace entre la section sticky et le bord de l'écran.

Important : cette fonctionnalité est disponible aussi bien sur les pages de tunnel que sur les pages de blog.