Comment utiliser?
Tab Bar - également connu sous le nom de Bottom Navigation Bar, Bottom Nav, ou Tab Navigation - est un style de navigation moderne utilisé par des marques mondiales comme Shein, ASOS, Zara, Etsy, H\&M, Nike, et Uniqlo pour améliorer l’expérience utilisateur mobile. Il fonctionne bien pour des sites web de toutes tailles et est efficace à la fois sur mobile et sur desktop.
Avantages clés :
- Place des liens importants à portée de main pour un accès rapide et pratique
- Centralise la navigation clé, aidant les utilisateurs et les moteurs de recherche à mieux comprendre votre site – excellent pour le SEO
- Offre un look moderne et professionnel qui suit les tendances actuelles de l’UX et du design mobile-friendly
- Reste visible sur toutes les pages, donc les clients ne manquent jamais de liens clés comme les promotions, les produits tendance, ou les offres d’adhésion
FAQ :
1. Je n'ai pas encore décidé d'utiliser la version gratuite ou payante. Puis-je essayer les modèles de menu professionnels ?
Absolument ! Les groupes de menus sont principalement là pour aider les débutants à éviter de se sentir submergés par des fonctionnalités avancées dans Navi+ 😄. La meilleure façon est d'essayer les menus professionnels pour explorer toutes les fonctionnalités et options de mise en page. Plus tard, vous pouvez simplement supprimer tout menu dont vous n'avez pas besoin ou que vous trouvez inadapté.
2. Créer un menu ici le fait-il apparaître sur mon site web immédiatement ?
Pas encore. Vous devrez publier le bon menu pour qu'il apparaisse sur votre site web. Ne vous inquiétez pas — c'est facile !
3. Que faire si je choisis le mauvais modèle ou fais une erreur ?
Aucun problème. Vous pouvez le supprimer et en créer un nouveau à tout moment. Si vous testez un menu et souhaitez essayer un autre modèle, vous pouvez enregistrer celui en cours comme fichier de sauvegarde et le rouvrir plus tard. Vous pouvez même copier et coller des parties entre les menus (en ouvrant deux onglets de navigateur) pour conserver votre travail précédent. N'hésitez pas à expérimenter !
4. Dois-je créer un seul menu ou plusieurs ?
Vous devriez créer plusieurs menus. Seul le menu actif s'affichera sur votre site, mais vous pouvez préparer de nombreuses versions — en sélectionnant différents modèles ou en clonant des menus. Les menus peuvent être configurés pour s'afficher/cacher en fonction du type de page (accueil, produit, collection...), de l'appareil (mobile ou desktop), ou des mots-clés d'URL. Alors allez-y et construisez des menus qui s'adaptent à chaque situation !
Étape 1 : Modifier l’arbre de menu
1.1. Comprendre l’arbre de menu
L’arbre de menu est la partie la plus importante de tout menu — il définit la structure.
Voici un exemple d’arbre de menu :
Accueil
Catalogue
- Tout Montagne
- Cruise Flex
- Balance Ride
- Freestyle
- Park Board
- Jib Board
- Freeride
Support
Plus
C’est un arbre de menu à 3 niveaux. Le niveau 1 comprend Accueil, Catalogue, Support et Plus.
Tout-Montagne est un élément de menu de niveau 2, avec deux éléments enfants : Cruise Flex et Balance Ride.
Vous passerez la plupart de votre temps à construire cet arbre de menu pour votre site web, aidant les clients à trouver le contenu qu’ils recherchent.
1.2. Interactions de base avec l’arbre de menu
Vous pouvez faire glisser et déposer des éléments de menu vers le haut et vers le bas ou à gauche et à droite pour changer leur position et leurs relations parent-enfant dans l’arbre de menu.
Lorsque vous survolez n’importe quel élément de menu, vous verrez des options supplémentaires : modifier les détails de l’élément, le supprimer de l’arbre de menu, ou le copier et le coller ailleurs.
Astuce : Vous pouvez copier un élément de menu d’un menu à un autre en ouvrant l’application Navi+ dans deux onglets de navigateur.
1.3. IMPORTANT ! Supprimez les éléments de menu d’exemple et gardez uniquement la structure que vous souhaitez.
C’est une situation courante lors de la création d’un menu avec Navi+. Lorsque vous créez un nouveau menu, nous incluons un exemple complet avec des éléments de menu populaires pour montrer des idées de mise en page et vous permettre de copier/coller au besoin. Cependant, si vous êtes nouveau dans Navi+ et que vous utilisez le plan Starter, vous verrez de nombreux avertissements rouges (i) pour des fonctionnalités qui ne sont pas disponibles, comme le téléchargement d’images ou l’utilisation d’interactions avancées.
Si vous aimez ces fonctionnalités avancées, envisagez de passer à un plan Business ou Elite. Mais si vous souhaitez continuer avec le plan Starter, veuillez trouver et supprimer les éléments de menu avec des avertissements rouges (i).
Astuce importante : Lorsque la confirmation de suppression apparaît, activez « Ne demandez plus la prochaine fois » pour supprimer plus rapidement.
1.4. Ajouter des éléments de menu à l’arbre de menu
Pour ajouter un élément de menu, vous avez deux options :
Option 1 **(Non recommandé si vous êtes nouveau dans Navi+)**** :** Cliquez sur « Ajouter un menu » pour insérer un élément de menu vide à la fin de l’arbre de menu. Cette méthode nécessite une bonne compréhension des paramètres des éléments de menu, que nous aborderons ci-dessous. Cela peut sembler écrasant au début, donc vous pouvez explorer cela plus tard.
Option 2 (Recommandée) : Nous avons déjà préparé de nombreux modèles d’éléments de menu bien conçus pour vous. Il vous suffit de les copier et de les coller au bon endroit. Après avoir terminé votre arbre de menu, il vous suffit de supprimer les modèles inutilisés.
