Afficher des éléments de manière aléatoire est un excellent moyen de rendre votre site plus dynamique, en particulier pour les sections telles que les articles recommandés. Dans ce tutoriel, nous allons voir comment utiliser la fonctionnalité native de Webflow pour trier les éléments d’une liste de collection de manière aléatoire.
Étape 1 : Accéder à la liste de collection
La première chose à faire est de localiser la liste de collection que vous souhaitez afficher de manière aléatoire. Voici comment procéder :
- Sélectionnez la liste de collection dans Webflow.
- Utilisez la hiérarchie pour vous assurer que vous avez bien sélectionné l’élément principal de la collection, souvent nommé "Collection List Wrapper" ou "List Wrapper".
Étape 2 : Paramétrer le tri aléatoire
Une fois la liste sélectionnée, vous pouvez ajuster les paramètres pour afficher les éléments de façon aléatoire.
- Allez dans l’onglet Settings (Paramètres) de la collection.
- Dans la section Sort (Tri), vous verrez plusieurs options pour organiser les éléments. Faites défiler vers le bas jusqu'à l’option Random (Aléatoire).
- Sélectionnez Random, puis cliquez sur Save.
Étape 3 : Publier et tester
Maintenant que votre liste est configurée pour s'afficher de manière aléatoire, il est temps de publier et de tester le résultat.
- Cliquez sur Publish pour mettre à jour votre site.
- Une fois publié, vous pouvez rafraîchir la page pour voir les changements. Vous remarquerez que les articles affichés en bas de votre page, par exemple, changent à chaque actualisation ou nouvelle visite de l’utilisateur.
Grâce à cette fonctionnalité, vos visiteurs verront toujours des articles ou des produits différents, offrant ainsi une expérience de navigation renouvelée à chaque visite.
Pourquoi afficher les articles de manière aléatoire ?
- Engagement utilisateur : Offrir du contenu varié incite les visiteurs à explorer davantage votre site.
- Amélioration de la visibilité : Tous vos articles ou produits ont une chance égale d'être vus par vos utilisateurs.
- Réduction de la répétitivité : En affichant de nouveaux éléments à chaque session, vous évitez de toujours montrer les mêmes contenus.
Bonus : Utilisations courantes de l’affichage aléatoire
- Articles recommandés : Pour montrer différents articles à la fin de chaque article de blog.
- Produits : Pour proposer une sélection aléatoire de produits dans une boutique e-commerce.
- Galeries d'images : Offrir une expérience visuelle unique en affichant des images dans un ordre aléatoire.
