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 met vos destinations les plus importantes dans les 3-5 emplacements en bas, respecte les zones sécurisées des appareils et fonctionne avec votre menu en haut et votre tiroir — sans chevauchement.
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.
Respecte les zones sécurisées sur les téléphones modernes
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.
Concevez pour les zones sécurisées que vous ciblez
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. Navi+ gère les zones sécurisées, les points de rupture et la détection d'appareil automatiquement. Publiez et allez en direct en quelques minutes.
Inserts de zone sécurisée inclus
S'ajuste automatiquement aux encoches iOS, Dynamic Island et à la navigation par gestes Android. Pas de conjecture, fonctionne sur tous les types d'appareils.
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
S'adapte automatiquement aux différentes langues et modèles de navigation régionaux. Votre barre reste lisible dans n'importe quel marché.
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.