L’installation de Navi+ sur WordPress prend environ 15 à 30 minutes. Voici le processus complet — du téléchargement du plugin jusqu’à votre premier menu en ligne.
Ce dont vous aurez besoin
- Un site WordPress ou WooCommerce (auto-hébergé, plan Business WordPress.com, ou tout hébergement WP)
- Un accès administrateur à votre site WordPress
- Un compte Navi+ gratuit (créez-en un sur dash.naviplus.app)
Étape 1 — Installer le plugin
Option A : Depuis WordPress.org
- Dans votre WP Admin, allez dans Extensions → Ajouter
- Recherchez “Navi+ Menu Builder”
- Cliquez sur Installer maintenant, puis Activer
Option B : Téléversement manuel
- Téléchargez le fichier .zip du plugin depuis naviplus.io
- Dans WP Admin, allez dans Extensions → Ajouter → Téléverser une extension
- Téléversez le fichier .zip et activez-le
Étape 2 — Connecter votre compte Navi+
Après l’activation, un élément Navi+ apparaîtra dans la barre latérale de WP Admin.
- Cliquez sur Navi+ → Paramètres
- Saisissez votre identifiant de site et votre clé API (disponibles dans votre tableau de bord Navi+ sous Paramètres → WordPress)
- Cliquez sur Connecter
Si vous n’avez pas encore de compte Navi+, vous serez invité à en créer un. Le plan gratuit couvre toutes les fonctionnalités essentielles.
Étape 3 — Choisir votre type de menu
Depuis Navi+ → Créateur de menu dans WP Admin, créez votre premier menu :
- Tab Bar → Idéal pour les boutiques WooCommerce axées sur le mobile
- Mega Menu → Navigation bureau multi-colonnes avec catégories et images
- Slide Menu → Style tiroir/hamburger pour les boutiques modernes
- FAB → Bouton d’action flottant pour les promotions ou les raccourcis de contact
- Grid Menu → Mise en page en grille visuelle pour les boutiques à nombreuses catégories
La plupart des boutiques WooCommerce tirent profit du déploiement simultané du Tab Bar sur mobile et du Mega Menu sur bureau, grâce aux règles Smart Publish de Navi+.
Étape 4 — Créer votre menu (ou utiliser l’IA)
Approche manuelle :
- Cliquez sur Ajouter un élément pour créer des entrées de menu
- Définissez le libellé, l’URL et l’icône pour chaque élément
- Organisez-les dans la hiérarchie souhaitée
- Configurez les options de design (couleurs, polices, espacements)
Approche par IA (recommandée pour WooCommerce) :
- Cliquez sur Générer avec l’IA
- L’IA de Navi+ lit vos catégories de produits WooCommerce et votre taxonomie
- Elle génère une structure de menu complète — vous la vérifiez et l’ajustez
- Confirmez et passez au stylisme
Étape 5 — Définir les règles de publication
Sous Smart Publish :
- Appareils : Définissez le menu pour s’afficher sur Mobile, Bureau, ou les deux
- URLs : Configurez quelles pages affichent quel menu (optionnel)
- Conditions : Clients connectés vs. visiteurs non identifiés (optionnel)
Pour une configuration WooCommerce typique, définissez le Tab Bar sur “Mobile uniquement” et le Mega Menu sur “Bureau uniquement”.
Étape 6 — Publier
Cliquez sur Publier. Votre menu est mis en ligne immédiatement — sans modification des fichiers du thème, sans changements dans le constructeur de page, sans développeur.
Compatibilité
Navi+ fonctionne avec :
| Thème WordPress / Système | Compatible |
|---|---|
| WordPress.org (auto-hébergé) | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| Thèmes personnalisés | ✓ (basé sur un script) |
Résolution des problèmes
Le menu n’apparaît pas ? Vérifiez que le script Navi+ se charge sur les bonnes pages. Allez dans Paramètres → Règles de publication et vérifiez les conditions d’URL.
Conflit avec un menu existant ? Si vous souhaitez que Navi+ remplace le menu natif de votre thème, vous pouvez masquer l’en-tête du thème via un petit extrait CSS (le support Navi+ peut vous le fournir pour votre thème spécifique).
Chargement lent ? Vérifiez que l’option CDN est activée dans les paramètres de Navi+. Cela garantit que les ressources sont distribuées depuis le CDN mondial de Navi+ plutôt que depuis votre serveur.
En résumé
L’installation de Navi+ sur WordPress prend 15 à 30 minutes et ne nécessite aucune compétence en programmation. La génération de menu par IA à partir des données WooCommerce est la voie la plus rapide vers une navigation bien organisée et optimisée pour le mobile.
→ Voir la comparaison complète : Navi+ vs Max Mega Menu