Navigationsmenüs im ProfitBoost Funnel Builder

Navigationsmenüs im HighLevel Funnel Builder ermöglichen es Ihnen, strukturierte und responsive Menüs für Websites und Funnels zu erstellen. Sie können Links, Dropdowns, verschachtelte Elemente hinzufügen und das Layout-Verhalten anpassen. Zu den neuesten Verbesserungen gehören eine neue Wrap-Option für Menüelemente sowie optimiertes Submenu-Styling für eine bessere Benutzererfahrung auf Desktop und Mobilgeräten.


INHALTSVERZEICHNIS

  • Was ist ein Navigationsmenü?

  • So fügen Sie ein Navigationsmenü hinzu

  • Menüelemente konfigurieren

  • Wrap-Option (Neue Verbesserung)

  • Warum das wichtig ist

  • Verbesserungen beim Submenu-Styling

  • Mobile Darstellung

  • Styling-Optionen

  • Scroll-to-Element mit Navigationsmenüs verwenden

  • Best Practices

  • Häufig gestellte Fragen

  • Verwandte Artikel


Was ist ein Navigationsmenü?

Ein Navigationsmenü ist ein interaktives Element, mit dem Besucher zwischen Seiten oder Abschnitten innerhalb Ihres Funnels oder Ihrer Website wechseln können.

Es unterstützt:

  • Direkte Seitenlinks

  • Externe URLs

  • Dropdown-Menüs

  • Verschachtelte Untermenüs

  • Ankerbasiertes Scrollen

  • Responsives Verhalten für Mobilgeräte

Navigationsmenüs werden häufig im Header oder Footer platziert.


So fügen Sie ein Navigationsmenü hinzu

  1. Öffnen Sie Ihren Funnel oder Ihre Website im Builder.

  2. Klicken Sie auf Add Element.

  3. Wählen Sie Navigation Menu.

  4. Ziehen Sie das Element in den gewünschten Bereich.

  5. Klicken Sie auf das Element, um die Einstellungen zu konfigurieren.


Menüelemente konfigurieren

Im Einstellungsbereich des Navigationsmenüs können Sie:

  • Neue Menüelemente hinzufügen

  • Menübezeichnungen umbenennen

  • Mit internen Seiten verlinken

  • Mit externen URLs verlinken

  • Dropdown- (Child-)Elemente hinzufügen

  • Menüelemente neu anordnen

Dropdown erstellen:

  1. Fügen Sie ein übergeordnetes Menüelement hinzu.

  2. Klicken Sie unter diesem Element auf Add Sub Item.

  3. Konfigurieren Sie den untergeordneten Link.

  4. Wiederholen Sie dies für weitere verschachtelte Elemente.


Wrap-Option (Neue Verbesserung)

Für Navigationsmenüs steht jetzt eine neue Wrap-Option zur Verfügung.

Wenn aktiviert, werden Menüelemente automatisch in die nächste Zeile verschoben, falls nicht genügend horizontaler Platz vorhanden ist. Dadurch wird ein Layout-Bruch verhindert und die Responsivität verbessert.


Warum das wichtig ist

  • Verhindert Überlauf im Menü

  • Verbessert die Darstellung auf kleineren Bildschirmen

  • Sorgt für saubere Header-Ausrichtung

  • Reduziert Layout-Verzerrungen

Besonders nützlich für:

  • Menüs mit vielen Elementen

  • Lange Menübezeichnungen

  • Tablets und mittelgroße Bildschirme


Verbesserungen beim Submenu-Styling

Das Verhalten von Untermenüs wurde optimiert, um visuelle Konsistenz und Benutzerfreundlichkeit zu verbessern.

Verbesserungen umfassen:

  • Stabilere Darstellung von Dropdowns

  • Saubereres Hover-Verhalten

  • Verbesserte Abstände und Ausrichtung

  • Konsistenteres Styling auf verschiedenen Geräten

Diese Updates beseitigen visuelle Unstimmigkeiten und verbessern den Interaktionsfluss.


Mobile Darstellung

Navigationsmenüs passen sich automatisch der mobilen Ansicht an. Je nach Konfiguration können sie in ein Hamburger-Menü umgewandelt werden.

Neueste Verbesserungen sorgen zudem für:

  • Bessere Touch-Reaktionsfähigkeit

  • Optimierte Dropdown-Interaktion auf Mobilgeräten

  • Flüssigere Animationen


Styling-Optionen

Sie können folgende Elemente anpassen:

  • Schriftart

  • Schriftgröße

  • Menüausrichtung (links, zentriert, rechts)

  • Abstand zwischen Elementen

  • Hintergrundfarbe

  • Hover-Effekte

  • Dropdown-Darstellung

Verwenden Sie den Style-Tab im Einstellungsbereich des Elements.


Scroll-to-Element mit Navigationsmenüs verwenden

Menüelemente können so konfiguriert werden, dass sie zu bestimmten Abschnitten einer Seite scrollen.

Mit den neuesten Updates erfolgt das Scrollen nun sanft (Smooth Scrolling) statt abrupt, was eine natürlichere Navigation innerhalb der Seite ermöglicht.


Best Practices

  • Halten Sie Menübezeichnungen kurz

  • Verwenden Sie Dropdowns für komplexe Navigation

  • Aktivieren Sie Wrap bei vielen Menüelementen

  • Testen Sie die mobile Ansicht vor der Veröffentlichung

  • Vermeiden Sie zu viele verschachtelte Ebenen


Häufig gestellte Fragen

Q: Was bewirkt die Wrap-Option?
Die Wrap-Option verschiebt Navigationselemente in eine neue Zeile, wenn sie die verfügbare Breite überschreiten, und verhindert so Layout-Probleme.

Q: Müssen für die Submenu-Verbesserungen Einstellungen geändert werden?
Nein. Die Verbesserungen werden automatisch angewendet.

Q: Ist Smooth Scrolling standardmäßig aktiviert?
Ja. Scroll-to-Element verwendet automatisch sanftes Scrollen.

Q: Betrifft das bestehende veröffentlichte Funnels oder Websites?
Bestehende Menüs profitieren automatisch von Styling- und Scroll-Verbesserungen. Die Wrap-Option muss bei Bedarf manuell aktiviert werden.

Q: Werden bestehende Styling-Einstellungen geändert?
Nein. Alle bisherigen Style-Konfigurationen bleiben unverändert.


Verwandte Artikel

  • Funnels & Websites | Kategorien im Navigationsmenü erstellen

  • Scroll-to-Element in Funnels verwenden


War dieser Artikel hilfreich?