Chaque magasin a déjà un menu en haut.
La question est
ce qui va en bas.
La navigation inférieure est devenue la norme mobile. Vos clients s'y attendent. Mais le succès ne consiste pas à l'ajouter partout — il s'agit de décider ce qui s'y trouve et de le placer où cela fonctionne réellement. Ce guide vous aide à prendre la bonne décision.
Les zones sécurisées varient selon les appareils
Les encoches iOS, les barres de gestes Android et le mode paysage revendiquent tous de l'espace écran. Un menu en bas doit coexister avec ces réalités matérielles, pas les combattre.
La navigation inférieure rivalise avec votre contenu
Placer une barre en bas réserve un espace qui pourrait afficher des images de produits ou le bouton ajouter au panier. Un mauvais placement rend le défilement plus difficile ou cache les actions clés.
Cela ne fonctionne qu'avec un nombre spécifique d'éléments
Une barre de navigation à 5 éléments est utilisable. 7 éléments deviennent serrés. Plus de 8 est inutilisable. Vous devez décider ce qui va réellement là-bas — tout ne peut pas s'adapter.
Elle coexiste avec d'autres navigations
La plupart des magasins gardent un en-tête en haut et un menu de tiroir. La navigation inférieure ne les remplace pas — elle s'ajoute par-dessus. Faire fonctionner ces trois ensemble nécessite de la planification.
Une navigation mobile efficace place vos destinations les plus importantes dans les trois à cinq emplacements au bas de l'écran, et fonctionne aux côtés de votre menu supérieur et de votre menu mobile plutôt que de les remplacer.
Accueil, Boutique, Recherche, Panier, Compte — l'ensemble standard
La plupart des magasins mobiles optent pour ces cinq. Accueil vous ramène rapidement. Boutique est votre catalogue. La recherche aide les visiteurs à trouver des articles spécifiques. Panier et Compte sont transactionnels. Tout au-delà de ces cinq signifie généralement que quelque chose ne s'y appartient pas.
Définissez vous-même la hauteur et l'espacement
Les indicateurs d'accueil iOS et les zones de gestes Android nécessitent du rembourrage. La barre remonte légèrement pour rester utilisable et tactile, pas cachée derrière des gestes ou des contrôles d'OS.
Fonctionne en mode portrait et paysage
Le mode paysage a moins d'espace vertical. Une barre inférieure bien conçue se rétrécit avec grâce ou empile les éléments sans casser la mise en page ou devenir illisible.
S'accorde avec votre en-tête et votre tiroir
L'en-tête supérieur reste pour la marque et la recherche rapide. Le tiroir contient les catégories profondes. La barre inférieure les relie — accès rapide aux pages les plus utilisées sans ouvrir un menu.
Saute certains types de magasins
Pas chaque magasin bénéficie de la navigation inférieure. Les magasins de produit unique, les marques de luxe avec des catalogues minimes et les magasins lourds de bureau peuvent ne pas en avoir besoin. Connaissez d'abord vos modèles de trafic.
Auditez le trafic de votre magasin et vos objectifs
Vérifiez l'analytique. Quelles pages les utilisateurs mobiles visitent-ils le plus ? Quelles actions comptent le plus pour votre entreprise ? Placez cinq destinations dans votre barre inférieure — pas plus.
Décidez ce qui mérite une place
Décidez quels téléphones vos clients utilisent le plus. Planifiez le rembourrage pour les encoches et les barres de gestes. Testez le mode paysage. Quelques minutes de planification épargnent les frictions mobiles plus tard.
Configurez votre navigation inférieure avec Navi+
Choisissez vos destinations, icônes et couleurs, puis définissez le point de rupture qui décide quand la barre apparaît sur mobile et quand elle ne le fait pas. Publiez et mettez en ligne en quelques minutes.
Hauteur et espacement que vous contrôlez
Définissez vous-même la hauteur de la barre, la taille de l'icône et l'espacement, afin qu'elle s'installe confortablement au-dessus du bord inférieur sur les appareils que vos clients utilisent réellement.
S'adapte au mode paysage
La barre inférieure se rétrécit et se reconstitue quand les utilisateurs font pivoter leurs téléphones. La mise en page reste utilisable, jamais serrée ou cachée.
Se superpose correctement avec d'autres interfaces utilisateur
Fonctionne avec les en-têtes fixes, les menus de tiroir et les popovers sans conflits d'index z ou de chevauchements.
Gestion des emplacements
Les emplacements visuels clairs vous aident à placer exactement ce qui compte. Les emplacements inutilisés restent vides — pas d'éléments de remplissage forcés.
Prêt pour plusieurs marchés
Les menus multilingues sont disponibles sur Business et supérieur, afin que les étiquettes de votre barre puissent suivre la langue dans laquelle votre visiteur navigue.
Aucun impact sur les performances
CSS et HTML légers. Pas de surcharge JavaScript, pas de bloat de bibliothèque. Votre magasin charge aussi vite qu'avant.
Quand les pages de haut niveau se trouvent dans une barre visible en bas de chaque écran, plus de visiteurs les utilisent. Les catégories sont parcourues. Les comptes sont vérifiés. Les listes de souhaits sont utilisées. Les modèles que les clients connaissent déjà d'Instagram et d'Amazon fonctionnent tout aussi bien sur votre magasin.
Tab Bar
Ajoutez une barre de navigation fixe en bas de votre boutique Shopify. Comme une application native — plus ...
Mobile Menu
Remplacez le tiroir hamburger de votre thème par un menu multivisionnel. Recherche intégrée, accès comptes ...
Floating Button
Ajoutez un bouton de contact collant à votre magasin Shopify. Toujours visible — WhatsApp, téléphone, email...
Gratuit à installer. En direct en moins de 5 minutes. Aucune modification de thème requise.