Die Installation von Navi+ auf WordPress dauert etwa 15–30 Minuten. Hier ist der vollständige Ablauf — vom Download des Plugins bis zum ersten Live-Menü.
Was du benötigst
- Eine WordPress- oder WooCommerce-Website (selbst gehostet, WordPress.com Business-Plan oder beliebiges WP-Hosting)
- Admin-Zugang zu deiner WordPress-Seite
- Ein kostenloses Navi+-Konto (erstellen unter dash.naviplus.app)
Schritt 1 — Plugin installieren
Option A: Über WordPress.org
- Gehe im WP Admin zu Plugins → Neu hinzufügen
- Suche nach „Navi+ Menu Builder”
- Klicke auf Jetzt installieren, dann auf Aktivieren
Option B: Manueller Upload
- Lade die Plugin-.zip von naviplus.io herunter
- Gehe im WP Admin zu Plugins → Neu hinzufügen → Plugin hochladen
- Lade die .zip-Datei hoch und aktiviere das Plugin
Schritt 2 — Mit deinem Navi+-Konto verbinden
Nach der Aktivierung erscheint ein Navi+-Eintrag in der WP-Admin-Seitenleiste.
- Klicke auf Navi+ → Einstellungen
- Gib deine Website-ID und deinen API-Schlüssel ein (zu finden in deinem Navi+-Dashboard unter Einstellungen → WordPress)
- Klicke auf Verbinden
Falls du noch kein Navi+-Konto hast, wirst du aufgefordert, eines zu erstellen. Der kostenlose Plan umfasst alle Kernfunktionen.
Schritt 3 — Menütyp auswählen
Erstelle dein erstes Menü unter Navi+ → Menu Builder im WP Admin:
- Tab Bar → Ideal für WooCommerce-Shops mit mobilem Publikum
- Mega Menu → Desktop-Navigation mit mehreren Spalten, Kategorien und Bildern
- Slide Menu → Hamburger-/Drawer-Stil für moderne Shops
- FAB → Schwebende Aktionsschaltfläche für Aktionen oder Kontaktverknüpfungen
- Grid Menu → Visuelles Rasterlayout für kategorienreiche Shops
Die meisten WooCommerce-Shops profitieren davon, Tab Bar auf Mobilgeräten und Mega Menu auf dem Desktop gleichzeitig einzusetzen – mithilfe der Smart Publish-Regeln von Navi+.
Schritt 4 — Menü erstellen (oder KI nutzen)
Manueller Ansatz:
- Klicke auf Element hinzufügen, um Menüeinträge zu erstellen
- Lege Bezeichnung, URL und Symbol für jedes Element fest
- Ordne die Einträge in der gewünschten Hierarchie an
- Passe die Designoptionen an (Farben, Schriften, Abstände)
KI-Ansatz (empfohlen für WooCommerce):
- Klicke auf Mit KI generieren
- Die KI von Navi+ liest deine WooCommerce-Produktkategorien und Taxonomie
- Sie erstellt eine vollständige Menüstruktur — du prüfst und passt sie an
- Bestätige und gehe zur Gestaltung über
Schritt 5 — Veröffentlichungsregeln festlegen
Unter Smart Publish:
- Geräte: Lege fest, ob das Menü auf Mobilgeräten, dem Desktop oder beiden angezeigt wird
- URLs: Konfiguriere, welche Seiten welches Menü zeigen (optional)
- Bedingungen: Eingeloggte Kunden vs. Gäste (optional)
Für eine typische WooCommerce-Einrichtung stelle die Tab Bar auf „Nur Mobilgeräte” und das Mega Menu auf „Nur Desktop” ein.
Schritt 6 — Veröffentlichen
Klicke auf Veröffentlichen. Dein Menü ist sofort live — keine Theme-Datei-Bearbeitungen, keine Page-Builder-Änderungen, kein Entwickler nötig.
Kompatibilität
Navi+ funktioniert mit:
| WordPress-Theme / System | Kompatibel |
|---|---|
| WordPress.org (selbst gehostet) | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| Eigene Themes | ✓ (skriptbasiert) |
Fehlerbehebung
Menü wird nicht angezeigt? Stelle sicher, dass das Navi+-Skript auf den richtigen Seiten geladen wird. Gehe zu Einstellungen → Veröffentlichungsregeln und überprüfe die URL-Bedingungen.
Konflikt mit vorhandenem Menü? Wenn Navi+ das native Menü deines Themes ersetzen soll, kannst du den Theme-Header über einen kurzen CSS-Snippet ausblenden (der Navi+-Support kann diesen für dein spezifisches Theme bereitstellen).
Langsame Ladezeit? Stelle sicher, dass die CDN-Option in den Navi+-Einstellungen aktiviert ist. So werden Assets über das globale CDN von Navi+ ausgeliefert und nicht von deinem Server.
Fazit
Die Installation von Navi+ auf WordPress dauert 15–30 Minuten und erfordert keine Programmierkenntnisse. Die KI-gestützte Menügenerierung aus WooCommerce-Daten ist der schnellste Weg zu einer gut strukturierten, mobiloptimierten Navigation.
→ Vollständigen Vergleich ansehen: Navi+ vs Max Mega Menu