🛍️ Comment créer un menu déroulant dans Shopify
En tant que propriétaire de boutique en ligne, vous souhaitez vous assurer que vos clients peuvent naviguer facilement sur votre site web et trouver les produits qu'ils recherchent. Une façon de le faire est d'ajouter un menu déroulant à votre boutique Shopify. Dans ce tutoriel, nous vous montrerons comment créer un menu déroulant étape par étape.
📝 Table des matières
- Introduction
- Ajout d'un menu déroulant dans Shopify
- Création d'un nouveau menu déroulant
- Ajout de liens à votre menu déroulant
- Réorganisation et suppression des éléments de menu
- Menus déroulants multi-niveaux
- Avantages et inconvénients de l'utilisation des menus déroulants
- Meilleures pratiques pour la conception de menus déroulants
- Erreurs courantes à éviter
- Conclusion
📝 Ajout d'un menu déroulant dans Shopify
Pour ajouter un menu déroulant à votre boutique Shopify, vous devrez accéder à votre panneau d'administration Shopify. Une fois connecté, accédez à la section "Boutique en ligne" dans le menu de gauche et cliquez sur "Navigation". Cela vous montrera vos menus actuels, y compris les menus de pied de page que vous avez peut-être créés.
📝 Création d'un nouveau menu déroulant
Si vous créez un menu à partir de zéro, vous pouvez cliquer sur "Ajouter un menu" dans le coin supérieur droit. Dans cet exemple, nous allons ajouter un menu déroulant à notre menu principal déjà existant. Pour ce faire, nous allons cliquer sur "Menu principal".
Comme vous pouvez le voir, nous avons différents liens et menus déroulants comme on peut le voir sur notre site web. Si nous développons l'un de nos menus déroulants, il y a de nombreux liens à l'intérieur. Allons-y et ajoutons notre nouveau menu déroulant.
📝 Ajout de liens à votre menu déroulant
Pour ajouter un lien à votre menu déroulant, cliquez sur "Ajouter un élément de menu". Ensuite, donnez un nom au menu déroulant. Ce sera le titre que l'on trouve en haut de notre menu déroulant. Nous allons l'appeler "Liens rapides".
Si vous souhaitez que cela soit cliquable et qu'il redirige l'utilisateur vers une page spécifique, vous pouvez choisir parmi une liste de liens ici. Cependant, dans de nombreux cas, vous ne voudrez peut-être pas ajouter de lien car il sert simplement de titre. Pour ce faire, nous pouvons ajouter le signe dièse (#). Lorsque vous ajoutez le signe dièse, le lien ne mène nulle part. Par exemple, nous l'avons fait pour notre menu déroulant "Acheter par couleur". Si nous cliquons sur "Acheter par couleur", rien ne se passe. Seuls les liens trouvés à l'intérieur du menu déroulant sont cliquables.
Jusqu'à présent, nous avons créé deux éléments de menu distincts. Pour placer "Accueil" sous "Liens rapides", il suffit de le faire glisser vers le haut et vers la droite. À partir de là, nous pouvons ajouter encore plus d'éléments à notre menu déroulant.
Cette fois, nous allons cliquer sur "Ajouter un élément de menu" pour "Liens rapides". Dans ce cas, nous ajouterons un lien vers une collection appelée "Outils de peinture". Ensuite, nous ajouterons une page de notre boutique Shopify à notre menu déroulant. Nous pouvons rechercher une page, puis la sélectionner lorsqu'elle apparaît.
Encore une fois, nous appuierons sur "Ajouter" en bas à droite. Je suis sûr que vous avez compris l'idée, mais nous ajouterons un autre élément à notre menu déroulant, à savoir une URL spécifique. Disons que vous souhaitez ajouter un lien vers votre compte Instagram. Nous appuierons sur "Ajouter", puis sur "Enregistrer le menu" en bas à droite.
📝 Réorganisation et suppression des éléments de menu
Avant de vous montrer à quoi cela ressemble sur notre boutique Shopify, gardez à l'esprit que vous pouvez réorganiser l'ordre de vos éléments en les faisant glisser et les déposer. Vous pouvez même créer un menu déroulant multi-niveaux. Nous placerons Instagram sous "Contactez-nous". J'ajouterai également des liens Facebook et YouTube.
Vous pouvez également supprimer des éléments si nécessaire. Maintenant que nous sommes prêts, nous le sauvegarderons une dernière fois. Jetons un coup d'œil à notre menu déroulant sur notre boutique Shopify.
📝 Menus déroulants multi-niveaux
Comme mentionné précédemment, vous pouvez créer un menu déroulant multi-niveaux. Cela est utile si vous avez beaucoup de catégories ou de sous-catégories. Pour créer un menu déroulant multi-niveaux, il suffit de faire glisser un élément de menu à droite d'un autre élément de menu. Cela créera un sous-menu.
📝 Avantages et inconvénients de l'utilisation des menus déroulants
Il y a des avantages et des inconvénients à utiliser des menus déroulants. D'une part, ils peuvent vous aider à organiser votre site web et faciliter la recherche des clients. D'autre part, ils peuvent être difficiles à utiliser sur les appareils mobiles et peuvent ne pas être accessibles à tous les utilisateurs.
📝 Meilleures pratiques pour la conception de menus déroulants
Lors de la conception de votre menu déroulant, il y a quelques meilleures pratiques à garder à l'esprit. Premièrement, gardez-le simple et facile à utiliser. Deuxièmement, assurez-vous qu'il est accessible à tous les utilisateurs, y compris ceux ayant des handicaps. Troisièmement, testez-le sur différents appareils pour vous assurer qu'il fonctionne bien sur tous.
📝 Erreurs courantes à éviter
Il y a aussi quelques erreurs courantes à éviter lors de la conception de votre menu déroulant. Cela inclut l'utilisation de trop de catégories, l'utilisation d'étiquettes peu claires et l'utilisation de trop de sous-menus.
📝 Conclusion
En conclusion, les menus déroulants peuvent être un outil utile pour organiser votre site web et faciliter la recherche des clients. En suivant les étapes décrites dans ce tutoriel, vous pouvez créer un menu déroulant qui fonctionne bien pour votre boutique Shopify.
📝 FAQ
Q: Puis-je créer un menu déroulant multi-niveaux dans Shopify ?
R: Oui, vous pouvez créer un menu déroulant multi-niveaux en faisant glisser un élément de menu à droite d'un autre élément de menu.
Q: Les menus déroulants sont-ils accessibles à tous les utilisateurs ?
R: Les menus déroulants peuvent ne pas être accessibles à tous les utilisateurs, en particulier ceux ayant des handicaps. Il est important de concevoir votre menu déroulant en tenant compte de l'accessibilité.
Q: Quelles sont les erreurs courantes à éviter lors de la conception d'un menu déroulant ?
R: Certaines erreurs courantes à éviter incluent l'utilisation de trop de catégories, l'utilisation d'étiquettes peu claires et l'utilisation de trop de sous-menus.
Ressources :
- [Shopify](https://www.shopify.fr/)
- [Chaîne YouTube E-Store Kings](https://www.youtube.com/channel/UCJvDcUXuIzQfeEY--xrgxSA)
- [VOC AI Chatbot](https://www.voc.ai/product/ai-chatbot)
