Comment utiliser?
Un FAB (Floating Action Button) est un menu simple qui flotte toujours en bas de l’écran, généralement utilisé pour le support. Les FAB fournissent souvent des outils de chat tels que WhatsApp, messagerie, email, ainsi que des liens vers des ressources de support et des canaux de médias sociaux pour promouvoir votre site web.
Avantages clés :
- Simple, généralement utilisé pour le support.
- Peut être utilisé pour regrouper des boutons flottants d’autres applications ou pour déclencher un Slide Menu.
- 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
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 menu 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 bureau), 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 :
Support
- Bannière
- Discuter avec nous (Affiché comme Groupe)
- Whats App
- Telegram
- Facebook Messager
- ...
C’est un arbre de menu à 2 niveaux. Vous pouvez créer jusqu’à 3 niveaux sur un FAB selon votre créativité ; cependant, pour des raisons de simplicité, 2 niveaux sont généralement le choix optimal.
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 un é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 sur Navi+ et 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 pas demander à nouveau 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 sur 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.
Étape 2 : (Shopify) Publier le menu sur votre site web.
2.1. Activer Navi+ sur les intégrations d’applications
Étape 1 : Cliquez sur Boutique en ligne, puis cliquez sur Thèmes. Conseils : Cliquez avec le bouton droit sur Boutique en ligne et sélectionnez « Ouvrir le lien dans un nouvel onglet » pour gagner du temps.
Étape 2 : Sélectionnez le thème où vous souhaitez publier le menu. Cliquez : Personnaliser
- Si votre site web est nouveau et n’a pas encore d’utilisateurs, n’hésitez pas à publier le menu sans souci — vous pouvez facilement l’activer ou le désactiver à tout moment sans affecter les visiteurs.
- Si votre site web a déjà un trafic régulier, soyez plus prudent. La meilleure pratique est de créer un Thème dupliqué et de tester Navi+ sur cette version d’abord.
Étape 3 : Allez dans les intégrations d’applications, trouvez « Navi+ sur toutes les pages », et activez-le.
Étape 4 : N’oubliez pas de cliquer sur « Enregistrer » pour appliquer les modifications.
Après ces 4 étapes, Navi+ a été installé sur votre site web et est prêt à s’afficher. Cependant, le processus n’est pas encore complet. Retournez à l’onglet de l’application Navi+ pour réellement activer Publier le menu.
2.2. Sélectionner les paramètres d’affichage et publier le menu.
Étape 1 : Cliquez sur le bouton Publier sur le site web.
Étape 2 : Choisissez les paramètres d’affichage puis PUBLIER LE MENU.
