Gemeinsame Menüs erkunden
👀 Möchten Sie sie in Aktion sehen? Live-Demo ansehen → showcase.naviplus.io
Die meisten Geschäfte verwenden nur einen Menütetyp – aber jeder Typ hat einen anderen Zweck. Die Kombination mehrerer Menütetypen bietet Ihren Kunden ein viel besseres Erlebnis: eine Tab Bar für den sofortigen Zugriff, ein Slide Menu für einen tiefen Katalog, ein Mega Menu für die Desktop-Entdeckung, ein FAB für den Support – jeder erfüllt genau eine Aufgabe, perfekt.
1. Tab Bar (auch genannt: Bottom Navigation, Nav Bar, Bottom Nav)
Eine feste Navigationsleiste – platzierbar unten, oben, links oder rechts. Hält 4–5 Abschnitte mit Symbol + Beschriftung. Lässt Ihr Geschäft wie eine native App erscheinen. Funktioniert sowohl auf Mobilgeräten als auch auf Desktop. Am besten als primäre, siteweite Navigation – immer sichtbar, immer in Reichweite des Daumens. Verwendet von: Shein, ASOS, Zara, Etsy, H&M, Nike, Uniqlo.
Plattform: Desktop und Mobil (Extrem beliebt)
Tab Bar — fixed nav bar with icon + label, feels like a native app
2. Slide Menu (auch genannt: Drawer Menu, Hamburger Menu)
Fährt von links oder rechts ein – unbegrenzte Elemente, keine Größenbeschränkung, passt in Ihre gesamte Seitenstruktur. Das beliebteste und mobilfreundlichste Navigationsmuster. Kann durch ein Hamburger-Symbol, ein Tab Bar-Element oder einen beliebigen Button in Reichweite des Daumens ausgelöst werden. Verwenden Sie es für Ihren gesamten Katalog, Kontolinks, Richtlinien und alles, was nicht immer sichtbar sein muss.
Plattform: Mobil (Extrem beliebt) · Desktop (weniger verbreitet)
Slide Menu — slides in from the side, unlimited depth and items
3. Desktop Mega Menu (auch genannt: Dropdown Menu, Multi-column Menu)
Ein mehrspaltiges Dropdown, das sich unter der Kopfzeile öffnet – entwickelt, um Ihre gesamte Desktop-Navigation an einem Ort abzudecken. Nutzt den großen Bildschirm optimal mit Bildern, Bannern und reichhaltigen Layouts über mehrere Spalten. Ersetzt das Standardkopfzeilenmenü vollständig. Der Standard für jedes Geschäft mit einem umfangreichen Katalog auf Desktop.
Plattform: Nur Desktop (Extrem beliebt)
Desktop Mega Menu — multi-column dropdown with images and rich layouts
4. Mobile Mega Menu (auch genannt: Header Menu, Scrollable Top Menu)
Eine kompakte Menüleiste, die direkt unter der Kopfzeile sitzt – immer sichtbar, kein Tippen erforderlich. Scrollt horizontal oder teilt sich in Tabs, um Ihre wichtigsten Kategorien sofort anzuzeigen. Eines der erkennbarsten Navigationsmuster auf mobilen Websites. Am besten für Geschäfte mit 4–8 Prioritätskategorien, die Kunden mit einem Tipp erreichen sollten.
Plattform: Nur Mobil (Beliebt)
Mobile Mega Menu — always-visible horizontal bar just below the header
5. FAB & Support (auch genannt: Floating Button, Speed Dial)
Ein schwebender Button, der an einer Ecke fixiert ist – immer sichtbar, unabhängig vom Scrollen. Erweitert sich in mehrere Aktionen: WhatsApp, Messenger, Chat-Widgets (Shopify Inbox, Tidio, Crisp), Hotline oder jeden benutzerdefinierten Link. Der erste Ort, an dem Kunden suchen, wenn sie Hilfe oder Support-Dokumente benötigen. Kann automatisch ausgeblendet werden, wenn er nicht benötigt wird, um Platz auf dem Bildschirm zu sparen.
Plattform: Desktop (beliebt) · Mobil (Extrem beliebt)
FAB & Support — floating button that expands into chat, hotline, and quick actions
6. Grid Menu (auch genannt: Icon Menu, Category Grid)
Ein Raster aus Kacheln – jede mit einem Symbol oder Bild und einer Beschriftung. Wird direkt in jeden Seitenabschnitt eingebettet, nicht in die siteweite Navigation. Verleiht Ihrem Geschäft ein app-ähnliches Aussehen und Gefühl, ideal zum Anzeigen von 6–12 Kategorien auf einen Blick. Funktioniert besonders gut auf Startseiten, Landing Pages und innerhalb von Slide Menüs.
Plattform: Mobil (Beliebt)
Grid Menu — icon + label tiles embedded into a page section
Wie man sie kombiniert
Sie müssen sich nicht nur für einen entscheiden. Die leistungsstärksten Geschäfte kombinieren mehrere Menütetypen – jeder erfüllt eine spezifische Aufgabe:
| Ziel | Empfohlen |
|---|---|
| Primäre siteweite Navigation auf Mobil | Tab Bar + Slide Menu |
| Vollständige Desktop-Navigation | Desktop Mega Menu |
| Oberste Kategorien auf Mobil anzeigen | Mobile Mega Menu |
| Immer verfügbarer Support & Kontakt | FAB & Support |
| Visuelles Kategoriebrowsing auf der Startseite | Grid Menu |
→ Beginnen Sie mit dem Aufbau Ihres Menüs →
Häufig gestellte Fragen
Ich möchte, dass mein Menü gut auf Mobilgeräten funktioniert. Welchen Typ sollte ich wählen?
Beginnen Sie mit einer Tab Bar oder Slide Menu – beide sind für Mobilgeräte konzipiert. Die Tab Bar bietet sofortigen Zugriff auf 4–5 Hauptabschnitte; das Slide Menu enthält Ihre gesamte Seitenstruktur ohne Begrenzung der Elemente.
Mein Geschäft hat viele Kategorien. Wie kann ich sie alle anzeigen, ohne die Kunden zu überfordern?
Verwenden Sie ein Desktop Mega Menu auf Desktop (mehrspaltig, unterstützt Bilder und Banner) in Kombination mit einem Slide Menu auf Mobil (unbegrenzte Elemente, scrollbar). Jedes funktioniert perfekt auf seiner Plattform.
Kann ich mehrere Menütetypen gleichzeitig verwenden?
Ja – und das sollten Sie. Eine beliebte Kombination: Tab Bar (primäre Navigation) + Slide Menu (vollständige Seitenstruktur) + FAB (WhatsApp / Support). Jeder Typ erfüllt einen anderen Zweck ohne Überschneidungen.
Ich möchte, dass Kunden leicht Unterstützung erreichen oder mich kontaktieren können. Was sollte ich hinzufügen?
Fügen Sie einen FAB & Support-Button hinzu. Er bleibt in einer Ecke des Bildschirms fixiert, immer sichtbar, und ermöglicht es Ihnen, WhatsApp, Messenger, Hotline und Chat-Widgets in einem einzigen Button zu gruppieren.
Wo sollte ich ein Grid Menu platzieren?
Das Grid Menu ist keine siteweite Navigation – es wird in einen Seitenabschnitt (Startseite, Kategorieseite) eingebettet. Verwenden Sie es, um 6–12 vorgestellte Kategorien visuell als app-stil Kacheln zu präsentieren.
Was ist, wenn ich den falschen Menütetyp wähle?
Kein Problem – Sie können Menüs jederzeit hinzufügen, bearbeiten oder löschen. Wenn Sie Ihre Arbeit speichern möchten, exportieren Sie sie einfach als JSON-Datei, um sie später wiederzuverwenden. Denken Sie daran, es wie das Speichern eines Word-Dokuments zu betrachten.
Ich bin im Starter-Plan mit nur 1 Menüslot. Wie kann ich mehr ausprobieren?
Upgrade auf Business oder Elite – Sie erhalten eine 7-tägige kostenlose Testversion, um alles zu erkunden, bevor Sie sich festlegen.
Kann ich mein bestehendes Menü in Navi+ importieren?
Ja. Navi+ unterstützt den KI-unterstützten Import – aber Sie müssen das Ergebnis anpassen. Hier ist der Grund: Die meisten Websites haben heute ein einzelnes Mega Menu, das sich automatisch in ein Hamburger Menu auf Mobilgeräten zusammenfaltet. Navi+ bietet Ihnen stattdessen spezialisierte Menütetypen. Sie müssen Ihre Inhalte über die richtigen Typen verteilen, um das beste Erlebnis für Ihre Kunden zu erzielen.