Installer Navi+
Étape 1 — Installer
Shopify : Installez depuis le Shopify App Store. L’application s’ouvre automatiquement après l’installation.
Autres plateformes (WordPress, WooCommerce, Wix, Webflow, Squarespace, ou tout site web) :
- Créez un compte gratuit sur dash.naviplus.app
- Ajoutez le domaine de votre site web
- Copiez votre extrait d’intégration — vous l’utiliserez à l’étape 2
Étape 2 — Comprendre comment votre menu sera déployé
Navi+ utilise trois méthodes de déploiement différentes selon le type de menu. Comprendre cela à l’avance permet de gagner du temps lors de la configuration.
1. Menus flottants — Tab Bar & FAB
Tab Bar et FAB sont des menus collants qui flottent au-dessus de votre page à une position fixe. Ils ne défilent jamais.
Haut, bas, gauche ou droite de l'écran
Se cache lors du défilement vers le bas, réapparaît lors du défilement vers le haut
Caché par défaut, apparaît uniquement lorsque l'utilisateur fait défiler vers le bas — économise de l'espace à l'écran
Un cas d’utilisation courant : consolider d’autres éléments flottants — WhatsApp, Crisp, Messenger, widgets de chat en direct — dans des éléments de menu Navi+. Cela libère de l’espace à l’écran et élimine le désordre de plusieurs icônes flottantes empilées les unes sur les autres.
2. Menus positionnés — Mega Menu & Grid Menu
Mega Menu et Grid Menu doivent être placés à un emplacement spécifique sur votre page. Il existe plusieurs façons de le faire :
Pointez Navi+ vers n'importe quel élément de votre page. Insérez avant, après ou remplacez-le entièrement — c'est ainsi que Mega Menu peut remplacer complètement la navigation existante de votre thème.
Utilisez un bloc d'application dans le personnaliseur de thème pour déposer le menu dans n'importe quelle section de votre mise en page — aucun code nécessaire.
Collez un court extrait directement dans le HTML de votre page à l'endroit exact où le menu doit apparaître.
Sélecteur CSS est un moyen d’identifier n’importe quel point sur une page web — c’est ainsi que les navigateurs ciblent des éléments spécifiques. Navi+ l’utilise pour savoir exactement où injecter votre menu. Vous n’avez pas besoin d’écrire de CSS vous-même ; Navi+ dispose d’un sélecteur visuel qui trouve le sélecteur pour vous.
3. Menus déclenchés — Slide Menu
Slide Menu n’apparaît pas de lui-même. Il reste caché jusqu’à ce que quelque chose le déclenche :
Un utilisateur clique sur quelque chose déjà sur votre page — comme l'icône hamburger de votre thème
N'importe quel élément de votre page — désigné par son sélecteur CSS
Un élément de Tab Bar ou FAB qui ouvre le Slide Menu lorsqu'il est cliqué
Cela rend le Slide Menu flexible — il peut remplacer votre navigation existante sans ajouter visuellement quoi que ce soit de nouveau à la page.
Étape 3 — Créez votre premier menu
Une fois installé, rendez-vous sur le tableau de bord et créez votre premier menu. → Votre premier menu (démarrage rapide de 5 minutes)