Navi+ AI Menu Builder auf WordPress — Der komplette Guide

WordPress betreibt einen riesigen Teil des Webs — und die meisten dieser Seiten arbeiten immer noch mit einem Standardmenü-Pattern, das sich seit über einem Jahrzehnt kaum verändert hat. Eine horizontale Leiste aus Textlinks auf Desktop, ein Hamburger-Icon auf Mobile, und viel mehr nicht.

Für einen privaten Blog ist das in Ordnung. Für einen E-Commerce-Shop, eine Marketing-Seite, eine Lernplattform oder jede Seite, auf der Navigation Umsatz erzeugt, ist es eine harte Grenze. Eine Bottom Tab Bar lässt sich nicht ohne Custom-Code hinzufügen. Ein echtes Mega Menu gibt es nicht ohne kostenpflichtiges Plugin. Das Mobile-Menü durch ein Slide-Panel zu ersetzen, geht nicht ohne Theme-Eingriffe. Und sobald Sie das alles getan haben, brechen Theme-Updates Ihnen die Arbeit wieder kaputt.

Navi+ AI Menu Builder ist ein vollständiges Navigations-Toolkit für WordPress und jetzt als offizielles Plugin im WordPress Plugin Directory verfügbar. Einmal installieren, und Sie bekommen fünf verschiedene Menü-Patterns — Tab Bar, Mega Menu, Slide, FAB, Grid — alle aus einem Dashboard konfiguriert, alle theme-unabhängig.

Warum das Standardmenü von WordPress nicht mehr ausreicht

Das Kern-Menüsystem von WordPress wurde Anfang der 2010er für content-orientierte Seiten entworfen. Für moderne Anwendungsfälle ist es zu einer offenkundigen Schwäche geworden:

• An das Theme gekoppelt. Wie das Menü aussieht, bestimmt das Theme. Theme wechseln — und die Menü-UI ändert sich. Ein eigenes Layout? Dann editieren Sie PHP-Templates oder kämpfen sich durch Theme-Einstellungen.
• Eingeschränkt auf Mobile. Die meisten Themes zeigen auf Mobile standardmäßig ein Hamburger-Icon. Keine Bottom Tab Bar, kein FAB, kein echtes Mobile-First-Pattern.
• Kein echtes Mega Menu. Native WordPress-Menüs sind flache Listen. Mehrspaltige Layouts mit Bildern, Preisen oder CTAs verlangen ein separates Plugin und meistens eine separate Bezahlstufe.
• A/B-Tests sind aufwändig. Wer die Menüstruktur ändert, ändert das Theme — langsam, riskant und oft von den Seitenbetreibern blockiert.
• Gebaut für Content, nicht für Conversion. Das Standardmenü hat keinen Weg, Promotions sichtbar zu machen, keinen Weg, einen permanenten „Warenkorb"- oder „Kontakt"-Button auf Mobile zu verankern, und kein echtes Layout-System für Shops oder Marketing-Seiten, auf denen Navigation Umsatz bringt.

Was Navi+ AI Menu Builder zu WordPress bringt

Statt drei oder vier Navigations-Plugins übereinanderzuschichten, ersetzt Navi+ sie alle durch ein einziges Toolkit.

Tab Bar — Bottom Navigation für Mobile

Eine fixierte Leiste am unteren Bildschirmrand, auf jeder Seite. Bis zu fünf Ziele mit eigenen Icons, Hervorhebung des aktiven Tabs und einer eingebauten Icon-Bibliothek mit 4.000+ Material Symbols. Das mit Abstand größte Mobile-UX-Upgrade für die meisten WordPress-Seiten.

Mega Menu — Desktop-Dropdowns, richtig gemacht

Mehrspaltige Dropdowns mit Bildern, Überschriften, Sub-Links, Bannern, Featured-Produktblöcken und CTAs. Ersetzen Sie flache „Shop"- oder „Leistungen"-Links durch reichhaltige Übersichten, die zeigen, was sich dahinter verbirgt.

Slide / Hamburger Menu

Ein mehrstufiges, eingeblendetes Panel für Mobile. Sauberer als verschachtelte Hamburger, unterstützt Untermenüs, Sprachauswahl, Konto-Links und Suche.

FAB — Floating Action Button

Ein einzelner, in einer Ecke verankerter Button für Promotions, WhatsApp oder schnellen Menü-Zugriff. Farbe, Icon, Beschriftung und Aktion frei konfigurierbar.

Grid Menu

Kachelbasiertes Menü für Seiten mit großem Katalog. Ein einzelner Bildschirm mit 9–12 Kategorie-Kacheln ist oft übersichtlicher als ein langes Mobile-Menü.

Mobile und Desktop, unabhängig konfiguriert

Jedes Menü hat eigene Konfigurationen für Mobile und Desktop. Tab Bar auf Mobile und Mega Menu auf Desktop, ganz ohne eigene Media-Query-CSS — alles aus dem Dashboard heraus verwaltet.

Gebaut für jedes WordPress-Theme

Navi+ ist so entworfen, dass es mit dem WordPress-Ökosystem zusammenarbeitet, statt dagegen.

• Theme-unabhängig. Funktioniert mit Astra, GeneratePress, Kadence, Hello, Blocksy, Storefront, Avada, Divi, Elementor-Themes, Twenty Twenty-X und jedem Custom-Theme. Das Plugin liefert eine eigene UI-Schicht, die außerhalb der Template-Hierarchie des Themes lebt.
• Keine Theme-Eingriffe. Plugin installieren, aktivieren, aus dem Dashboard konfigurieren. Keine PHP-Anpassungen, keine Child-Themes, keine Template-Overrides.
• Läuft neben WooCommerce. Das Plugin benötigt WooCommerce nicht und gerät auch nicht mit ihm in Konflikt — auf einem WooCommerce-Shop bleiben Menüs, Warenkorb-Link und Checkout-Link wie gewohnt funktionsfähig. Tiefere WooCommerce-spezifische Integrationen (Live-Warenkorbzähler, Mini-Cart-Drawer-Übernahme) sind auf der Roadmap, aber heute noch nicht enthalten.
• Mit Block-Editor & Classic-Editor verträglich. Hängt von keinem von beiden ab — die Menüs erscheinen auf jeder Frontend-Seite, unabhängig davon, wie die Seite selbst gebaut wurde.
• Mehrsprachig. Kompatibel mit Polylang, WPML und TranslatePress. Pro-Locale-Beschriftungen und -Links für Menüs, konfiguriert aus dem Navi+ Dashboard.
• Reines HTML5 + CSS3. Kein jQuery, keine React-Runtime im Frontend, keine Plugin-Konflikte mit anderen Navigations- oder Page-Builder-Plugins.

Performance — Core Web Vitals-freundlich

Plugins sind die Nummer-eins-Ursache für langsame WordPress-Seiten. Navi+ ist explizit so gebaut, keines davon zu sein.

• Keine render-blockierenden Skripte. Wird nach dem ersten Paint geladen.
• Lazy Hydration. Der Menü-Interaktionscode lädt erst, wenn er gebraucht wird.
• Leichtgewichtig. Wenige KB gzipped pro Menü im Frontend.
• Globales CDN. Menü-Assets werden weltweit über Edge-Knoten ausgeliefert — auf Elite mit Cloudflare + BunnyCDN-Failover.
• Keine Datenbank-Belastung. Die Menü-Konfigurationen liegen auf Seite von Navi+. Das Plugin selbst fügt nur eine einzige Optionszeile hinzu.

Installation auf WordPress

Drei Wege zur Installation. Wählen Sie den, der zu Ihrem Workflow passt:

• Aus dem Plugin-Verzeichnis (empfohlen): WordPress-Admin → Plugins → Installieren → suchen Sie nach "Naviplus Menu Builder" → Jetzt installieren → Aktivieren.
• Aus einer ZIP-Datei: Laden Sie die neueste .zip von der WordPress.org-Plugin-Seite herunter → Plugins → Installieren → Plugin hochladen → wählen Sie die ZIP-Datei aus → Installieren → Aktivieren.
• Per FTP: Laden Sie den entpackten Ordner naviplus-menu-builder/ in wp-content/plugins/ hoch und aktivieren Sie ihn anschließend unter Plugins → Installierte Plugins.

Erfordert WordPress 5.8 oder neuer. Das Plugin rendert Menüs über ein kleines Loader-Skript von https://live.naviplus.app/start.js.

Nach der Aktivierung

1. Öffnen Sie Design → Naviplus Menu Builder in der WordPress-Admin.
2. Erstellen Sie Ihr erstes Menü — das Plugin verbindet die Seite bei der ersten Nutzung automatisch mit Navi+; ein separates Navi+ Konto ist im Vorfeld nicht erforderlich.
3. Klicken Sie auf Dashboard öffnen, um das Menü im Navi+ Editor zu gestalten.
4. Legen Sie fest, wo es erscheint — seitenweit (Schalter im Navi+ Panel) oder nur auf bestimmten Seiten über den unten stehenden Shortcode.

Einbetten auf bestimmten Seiten, Beiträgen oder Widgets

Wenn Sie das Menü nur auf ausgewählten Seiten möchten — einer Landingpage, einem Mobile-only-Template, einem bestimmten Funnel — schalten Sie die seitenweite Einbettung ab und nutzen Sie stattdessen einen Shortcode.

Alter Alias (weiterhin unterstützt): [naviplus embed_id="YOUR-EMBED-ID"]

Sie finden YOUR-EMBED-ID auf dem Embed-Verwaltungs-Bildschirm im Navi+ Dashboard. Fügen Sie den Shortcode in einen Shortcode-Block in Gutenberg ein, setzen Sie ihn in einen Absatz-Block (das Plugin erkennt [naviwp] / [naviplus] im Text) oder nutzen Sie das Shortcode-Widget in Elementor und anderen Page-Buildern.

Menü entfernen oder pausieren

Deaktivieren Sie das Plugin, um den Loader auf WordPress-Seite zu stoppen — Ihre Menü-Konfiguration auf Navi+ bleibt erhalten. Oder entfernen Sie den Shortcode [naviwp ...] von jeder Seite, auf der Sie ihn eingebettet haben.

Der Starter-Plan ist für immer kostenlos — keine Kreditkarte zur Installation nötig.

Preise auf WordPress

Gleiche Pläne wie auf Shopify — gleiche Funktionen, gleiche Preise.

Plan	Preis	Geeignet für
Starter	Für immer kostenlos	Ein Menü, kleine Seiten, Blogs, Navi+ testen
Business	$6.25 / Monat	Wachsende Shops und Marketing-Seiten, mehrere Menüs, mehrsprachig, Bild-Upload, Analytics
Elite	$10 / Monat	Größere Kataloge, unbegrenzte Menüs, voller SEO-Support, Premium-CDN, persönliche Betreuung

Business und Elite enthalten eine 7-tägige kostenlose Testphase mit vollem Funktionsumfang.

Häufige Fragen

Wird meine Seite dadurch langsamer?

Nein. Navi+ wird nach dem ersten Paint geladen, über ein globales CDN ausgeliefert und enthält keine render-blockierenden Skripte. Es ist gezielt darauf ausgelegt, die Core Web Vitals unangetastet zu lassen.

Muss ich Code schreiben?

Nein. Das Dashboard läuft per Drag & Drop. Eigenes CSS / HTML steht für fortgeschrittene Fälle bereit, ist aber nie zwingend nötig.

Funktioniert es mit meinem Theme?

Ja. Navi+ lebt außerhalb der Template-Hierarchie des Themes. Getestet mit Astra, GeneratePress, Kadence, Blocksy, Hello + Elementor, Divi, Avada, Storefront, Twenty Twenty-X und vielen Custom-Themes.

Funktioniert es mit WooCommerce?

Ja — Navi+ läuft problemlos auf einer WooCommerce-Seite. Ihre Menüs, der Warenkorb-Link, der Konto-Link und der Checkout-Link funktionieren wie gewohnt weiter. Das Plugin bindet sich derzeit nicht automatisch an WooCommerce-spezifische Daten an (Live-Warenkorbzähler, Mini-Cart-Drawer-Übernahme) — diese WooCommerce-spezifischen Integrationen stehen auf der Roadmap, nicht in diesem Release.

Funktioniert es mit WPML oder Polylang?

Ja. Navi+ Menüs unterstützen pro Locale eigene Beschriftungen und Links. Kompatibel mit WPML, Polylang und TranslatePress.

Kommt es zu Konflikten mit anderen Plugins?

Kein globales JS, kein jQuery, keine geteilten CSS-Klassen — die Menü-Runtime ist sauber namespaced. Vor jedem Release testen wir gegen die am häufigsten installierten WordPress-Plugins.

Was passiert, wenn ich das Plugin deinstalliere?

Deaktivieren oder entfernen — Ihr Standardmenü aus WordPress kehrt sofort zurück. Keine Datenreste, keine kaputten Seiten.

Wo bekomme ich Support?

E-Mail-Support auf Starter, 24/7 auf Business und persönliche Betreuung (Menüs migrieren, Layouts konfigurieren, UI direkt anpassen) auf Elite.