Wie benutzt man?

Tab Bar - auch bekannt als Bottom Navigation Bar, Bottom Nav oder Tab Navigation - ist ein moderner Navigationsstil, der von globalen Marken wie Shein, ASOS, Zara, Etsy, H&M, Nike und Uniqlo verwendet wird, um die mobile Benutzererfahrung zu verbessern. Es funktioniert gut für Websites jeder Größe und ist sowohl auf Mobilgeräten als auch auf Desktop effektiv.

Wichtige Vorteile:

  • Platziert wichtige Links in greifbarer Nähe für schnellen, bequemen Zugriff
  • Zentralisiert die Hauptnavigation, was Benutzern und Suchmaschinen hilft, Ihre Website besser zu verstehen – großartig für SEO
  • Bietet ein modernes, professionelles Aussehen, das aktuellen UX- und mobilfreundlichen Designtrends folgt
  • Bleibt auf allen Seiten sichtbar, sodass Kunden wichtige Links wie Aktionen, trendige Produkte oder Mitgliedschaftsangebote nie verpassen

FAQ:

1. Ich habe noch nicht entschieden, ob ich die kostenlose oder die kostenpflichtige Version verwenden soll. Kann ich die professionellen Menüvorlagen ausprobieren?

Absolut! Die Menügruppen sollen hauptsächlich Anfängern helfen, sich nicht von fortgeschrittenen Funktionen in Navi+ überwältigt zu fühlen 😄. Der beste Weg ist, die professionellen Menüs auszuprobieren, um alle Funktionen und Layout-Optionen zu erkunden. Später können Sie einfach jedes Menü löschen, das Sie nicht benötigen oder als ungeeignet empfinden.

2. Wird das Erstellen eines Menüs hier dazu führen, dass es sofort auf meiner Website angezeigt wird?

Noch nicht. Sie müssen das richtige Menü veröffentlichen, damit es auf Ihrer Website erscheint. Keine Sorge – es ist einfach!

3. Was ist, wenn ich die falsche Vorlage wähle oder einen Fehler mache?

Kein Problem. Sie können es jederzeit löschen und ein neues erstellen. Wenn Sie ein Menü testen und eine andere Vorlage ausprobieren möchten, können Sie das aktuelle als Sicherungsdatei speichern und später wieder öffnen. Sie können sogar Teile zwischen Menüs kopieren und einfügen (indem Sie zwei Browser-Tabs öffnen), um Ihre vorherige Arbeit zu behalten. Fühlen Sie sich frei, zu experimentieren!

4. Soll ich nur ein Menü oder mehrere erstellen?

Sie sollten mehrere Menüs erstellen. Nur das aktive Menü wird auf Ihrer Website angezeigt, aber Sie können viele Versionen vorbereiten – indem Sie verschiedene Vorlagen auswählen oder Menüs klonen. Menüs können so konfiguriert werden, dass sie je nach Seitentyp (Startseite, Produkt, Sammlung...), Gerät (mobil oder Desktop) oder URL-Schlüsselwörtern angezeigt oder ausgeblendet werden. Also legen Sie los und erstellen Sie Menüs, die zu jeder Situation passen!

Schritt 1: Bearbeiten Sie den Menübaum

1.1. Verständnis des Menübaums

Der Menübaum ist der wichtigste Teil jedes Menüs – er definiert die Struktur.

Hier ist ein Beispiel für einen Menübaum:

Home  
Katalog  
- All Mountain  
   - Cruise Flex  
   - Balance Ride
- Freestyle  
   - Park Board  
   - Jib Board  
- Freeride  
Support  
Mehr

Dies ist ein 3-stufiger Menübaum. Stufe 1 umfasst Home, Katalog, Support und Mehr. All-Mountain ist ein Menüpunkt der Stufe 2, mit zwei untergeordneten Elementen: Cruise Flex und Balance Ride.

Sie werden die meiste Zeit damit verbringen, diesen Menübaum für Ihre Website zu erstellen, um den Kunden zu helfen, die Inhalte zu finden, die sie suchen.

Katalog: Ein Menüpunkt der Stufe 1, der als Tab in der Tabbar angezeigt wird. All-Mountain: Menüpunkt der Stufe 2, der erscheint, wenn Sie auf Katalog tippen.
Cruise Flex, Balance Ride: Menüpunkt der Stufe 3, der erscheint, wenn Sie auf All-Mountain tippen.

1.2. Grundlegende Interaktionen mit dem Menübaum

Sie können Menüelemente nach oben und unten oder nach links und rechts ziehen und ablegen, um ihre Position und die Eltern-Kind-Beziehungen im Menübaum zu ändern.

Wenn Sie mit der Maus über ein Menüelement fahren, sehen Sie zusätzliche Optionen: die Details des Elements bearbeiten, es aus dem Menübaum löschen oder es an anderer Stelle kopieren und einfügen.

Tipp: Sie können ein Menüelement von einem Menü in ein anderes kopieren, indem Sie die Navi+ App in zwei Browser-Tabs öffnen.

1.3. WICHTIG! Löschen Sie die Beispielmenüelemente und behalten Sie nur die Struktur, die Sie möchten.

Dies ist eine häufige Situation beim Erstellen eines Menüs mit Navi+. Wenn Sie ein neues Menü erstellen, fügen wir ein vollständiges Beispiel mit beliebten Menüelementen hinzu, um Layout-Ideen zu zeigen und Ihnen das Kopieren/Einfügen nach Bedarf zu ermöglichen. Wenn Sie jedoch neu bei Navi+ sind und den Starter-Plan verwenden, sehen Sie viele rote (i) Warnungen für Funktionen, die nicht verfügbar sind, wie das Hochladen von Bildern oder die Verwendung fortgeschrittener Interaktionen.

Wenn Sie diese erweiterten Funktionen mögen, sollten Sie ein Upgrade auf einen Business- oder Elite-Plan in Betracht ziehen. Wenn Sie jedoch mit dem Starter-Plan fortfahren möchten, suchen Sie bitte die Menüelemente mit roten (i) Warnungen und löschen Sie diese.

Wichtiger Tipp: Wenn die Bestätigung zum Löschen erscheint, aktivieren Sie „Nicht beim nächsten Mal fragen“, um schneller zu löschen.

1.4. Menüelemente zum Menübaum hinzufügen

Um ein Menüelement hinzuzufügen, haben Sie zwei Optionen:

Option 1 **(Nicht empfohlen, wenn Sie neu bei Navi+)**: Klicken Sie auf „Menü hinzufügen“, um ein leeres Menüelement am Ende des Menübaums einzufügen. Diese Methode erfordert ein gutes Verständnis der Einstellungen für Menüelemente, die wir weiter unten behandeln werden. Es kann anfangs überwältigend erscheinen, also können Sie dies später erkunden.

Option 2 (Empfohlen): Wir haben bereits viele gut gestaltete Vorlagen für Menüelemente für Sie vorbereitet. Kopieren Sie sie einfach und fügen Sie sie an die richtige Stelle ein. Nachdem Sie Ihren Menübaum fertiggestellt haben, löschen Sie einfach die ungenutzten Vorlagen.