Wie benutzt man?

Ein FAB (Floating Action Button) ist ein einfaches Menü, das immer am unteren Bildschirmrand schwebt und typischerweise für Unterstützung verwendet wird. FABs bieten oft Chat-Tools wie WhatsApp, Messaging, E-Mail sowie Links zu Unterstützungsressourcen und sozialen Medien, um Ihre Website zu fördern.

Hauptvorteile:

  • Einfach, wird normalerweise für Unterstützung verwendet.
  • Kann verwendet werden, um schwebende Schaltflächen von anderen Apps zu gruppieren oder ein Slide Menu auszulösen.
  • Platziert wichtige Links in greifbarer Nähe für schnellen, bequemen Zugriff
  • Zentralisiert die Hauptnavigation, was Benutzern und Suchmaschinen hilft, Ihre Seite besser zu verstehen – großartig für SEO

FAQ:

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

Absolut! Die Menügruppen sollen hauptsächlich Anfängern helfen, sich nicht von den erweiterten 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 ein hier erstelltes Menü sofort auf meiner Website angezeigt?

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 Seite 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:

Support  
- Banner  
- Chat mit uns (Als Gruppe angezeigt)  
- Whats App
- Telegram
- Facebook Messager
- ...

Dies ist ein 2-stufiger Menübaum. Sie können je nach Ihrer Kreativität bis zu 3 Ebenen auf einem FAB erstellen; jedoch sind 2 Ebenen normalerweise die optimale Wahl für die Einfachheit.

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 Level-1-Menüelement, das als Tab in der Tabbar angezeigt wird. All-Mountain: Level-2-Menüelement, das erscheint, wenn Sie auf Katalog 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, wenn Sie ein Menü mit Navi+ erstellen. 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 erweiterter 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 und löschen Sie bitte die Menüelemente mit roten (i) Warnungen.

Wichtiger Tipp: Wenn die Bestätigung zum Löschen erscheint, aktivieren Sie „Nächstes Mal nicht mehr 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.

Schritt 2: (Shopify) Veröffentlichen Sie das Menü auf Ihrer Website.

2.1. Aktivieren Sie Navi+ in App-Embeds

Schritt 1: Klicken Sie auf Online-Shop, dann auf Themes. Tipps: Klicken Sie mit der rechten Maustaste auf Online-Shop und wählen Sie „Link in neuem Tab öffnen“, um Zeit zu sparen.

Schritt 2: Wählen Sie das Theme aus, in dem Sie das Menü veröffentlichen möchten.

Klicken Sie auf: Anpassen

  • Wenn Ihre Website neu ist und noch keine Benutzer hat, können Sie das Menü ohne Bedenken veröffentlichen – Sie können es jederzeit einfach ein- oder ausschalten, ohne die Besucher zu beeinträchtigen.
  • Wenn Ihre Website bereits regelmäßigen Verkehr hat, seien Sie vorsichtiger. Die beste Praxis ist, ein Duplikat-Theme zu erstellen und Navi+ zuerst in dieser Version zu testen.

Schritt 3: Gehen Sie zu App-Embeds, suchen Sie „Navi+ auf allen Seiten“ und aktivieren Sie es.

Schritt 4: Vergessen Sie nicht, auf „Speichern“ zu klicken, um die Änderungen anzuwenden.

Nach diesen 4 Schritten wurde Navi+ auf Ihrer Website installiert und ist bereit zur Anzeige. Der Prozess ist jedoch noch nicht abgeschlossen. Gehen Sie zurück zum Tab der Navi+-App, um tatsächlich Menü veröffentlichen zu aktivieren.

2.2. Wählen Sie die Anzeigeeinstellungen und veröffentlichen Sie das Menü.

Schritt 1: Klicken Sie auf die Schaltfläche Auf Website veröffentlichen.

Schritt 2: Wählen Sie die Anzeigeeinstellungen und dann MENÜ VERÖFFENTLICHEN.