> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/dropdown-navigation-erstellen.md).

# Dropdown-Navigation erstellen

## Kurz erklärt

Unterpunkte in der Navigation ordnen verwandte Seiten unter einem gemeinsamen Hauptpunkt. So bleibt die Hauptnavigation übersichtlich und Besucher finden Inhalte schneller.

## Voraussetzungen

* Deine Website oder dein Funnel enthält ein Navigationselement.
* Die Zielseiten und Linkziele sind bereits bekannt.

## Schritt für Schritt

1. Öffne die Website oder den Funnel im Editor.
2. Wähle das Navigationselement aus.
3. Klicke im rechten Bereich auf **Menüpunkt hinzufügen** und dann auf **Neuer Menüpunkt**.
4. Gib dem Punkt einen klaren Namen.
5. Ziehe den neuen Punkt per Drag-and-drop unter den gewünschten Hauptpunkt.
6. Sobald der Punkt eingerückt angezeigt wird, ist er als Unterpunkt angelegt.
7. Speichere und öffne die Vorschau.
8. Fahre mit der Maus über den Hauptpunkt und prüfe das Dropdown.

Du kannst mehrere Unterpunkte unter einem Hauptpunkt anordnen sowie Reihenfolge und Namen später per Drag-and-drop ändern.

## Die Struktur vorab planen

Ein Dropdown hat immer einen **Hauptpunkt** und eine Ebene mit Unterpunkten. Der Hauptpunkt bündelt ein Thema; die Unterpunkte führen zu den konkreten Seiten. Eine weitere Ebene darunter ist nicht möglich. Plane deshalb mit klaren Gruppen, statt sehr viele Ebenen nachzubilden.

Ein gutes Beispiel ist **Leistungen** als Hauptpunkt mit den Unterpunkten **Beratung**, **Umsetzung** und **Support**. Ein ungeeignetes Beispiel wäre ein Hauptpunkt mit vielen unzusammenhängenden Seiten. Benenne die Punkte so, dass Besucher vor dem Klick verstehen, was sie erwartet.

## Ergebnis prüfen

1. Prüfe die Navigation in der Vorschau auf Desktop und Mobilgerät.
2. Öffne jeden Unterpunkt und kontrolliere das Linkziel.
3. Prüfe, ob der Hauptpunkt und die Unterpunkte verständlich benannt sind.

## Häufige Fehler

### Der Unterpunkt erscheint nicht im Dropdown

Ziehe ihn erneut unter den Hauptpunkt, bis die Einrückung sichtbar ist. Speichere anschließend die Änderung.

### Die Navigation wird zu tief verschachtelt

Es ist nur eine Ebene mit Unterpunkten möglich. Das hält die Navigation insbesondere auf Mobilgeräten verständlich.

### Ein Menüpunkt soll auf einen Seitenabschnitt zeigen

Verwende einen Ankerlink, wenn der Link zu einem Abschnitt derselben Seite führen soll.

### Ein Punkt ist falsch benannt oder nicht mehr nötig

Öffne das Drei-Punkte-Menü des Eintrags. Dort kannst du den Namen ändern oder den Eintrag löschen.

## Gut zu wissen

* Die Einrichtung funktioniert gleich in Websites und Funnels.
* Ein Dropdown wird in der Vorschau beim Überfahren des Hauptpunkts sichtbar.
* Eine flache, logisch gruppierte Navigation ist besser als viele einzelne Hauptpunkte.

## Mega-Menü für umfangreichere Navigation

Ein Mega-Menü ist sinnvoll, wenn ein einzelner Hauptpunkt mehr als eine kurze Liste von Unterseiten zeigen soll. Im ausgeklappten Bereich kannst du zusätzlich zu Links auch Text und Bilder einsetzen. Besucher sehen ihn, wenn sie mit der Maus über den zugehörigen Menüpunkt fahren.

Verwende ein Mega-Menü nur für klar zusammenhängende Inhalte. Für zwei oder drei einfache Unterseiten bleibt ein normales Dropdown meist verständlicher.

### Mega-Menü anlegen

1. Öffne die Website oder den Funnel im Editor.
2. Füge bei Bedarf über die Elementauswahl ein aktuelles Navigationselement ein oder wähle das bestehende aus.
3. Öffne die Einstellungen des Navigationselements und wähle **Element hinzufügen**.
4. Wähle **Mega-Menü**.
5. Ergänze darin die gewünschten Links, Überschriften, kurzen Erläuterungen oder Bilder.
6. Ordne die Elemente per Drag-and-drop so an, dass sie wie zusammengehörige Gruppen lesbar bleiben.
7. Passe Hintergrund, Schrift, Abstände und Farben an das Seitendesign an.
8. Speichere und öffne die Vorschau.

Beim Bearbeiten kann eine abgedunkelte Umgebung erscheinen. Sie dient dazu, den geöffneten Menübereich ohne Ablenkung zu gestalten.

### Ergebnis prüfen

1. Öffne die Vorschau auf einem Desktop und fahre über den Hauptpunkt.
2. Prüfe, ob alle Gruppen, Texte, Bilder und Linkziele vollständig sichtbar sind.
3. Öffne jeden Link testweise.
4. Prüfe die Darstellung zusätzlich auf einem Mobilgerät. Ist der Inhalt dort zu umfangreich, kürze ihn oder verteile ihn auf klare Unterseiten.

## Praxisbeispiel

Eine Praxis bündelt unter **Leistungen** mehrere Behandlungsbereiche. Statt jeden Bereich als Hauptpunkt zu zeigen, legt sie ein Mega-Menü mit drei Spalten an: Behandlungen, Erstbesuch und hilfreiche Informationen. Jede Spalte enthält wenige klare Links. So bleibt die Hauptnavigation kurz, während Besucher trotzdem ohne Umwege zum passenden Thema gelangen.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/dropdown-navigation-erstellen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.