Studio Editor: Neue Menüs hinzufügen und verwalten

Füge Menüs hinzu, um Besuchern die Navigation auf der Website deines Kunden zu erleichtern und die gewünschten Informationen zu finden. Du kannst den Menütyp und die Elemente auswählen und Dropdowns erstellen, um benutzerdefinierte Inhalte anzuzeigen.

Wichtig:

Dieser Artikel bezieht sich auf die neue Menü-Komponente im Studio Editor, die noch nicht für alle Benutzer verfügbar ist. Schritte zum Hinzufügen und Verwalten vorheriger Menüs findest du hier.

In diesem Artikel erfährst du mehr über folgende Themen:

Füge ein Menü zu der Website hinzu, um loszulegen. Wir empfehlen, ein Menü in der Kopfzeile der Website hinzuzufügen, aber du kannst so viele hinzufügen, wie du für deine Kunden und deren Unternehmen benötigst.

Nachdem du das Menü hinzugefügt hast, wähle die Elemente aus, die angezeigt werden sollen.

Um ein Menü hinzuzufügen:

Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
Wähle Menü & Suche.
Wähle die gewünschte Art aus (Horizontal, Vertikal oder Hamburger).
Klicke und ziehe das Menü an die gewünschte Stelle auf der Seite.
Füge Elemente zum neuen Menü hinzu:
1. Wähle das Menü, das du gerade hinzugefügt hast.
2. Klicke auf Menü verwalten.
3. Klicke unten auf + Element hinzufügen.
4. Wähle das Element aus, das du hinzufügen möchtest:
  - Hauptseiten: Füge eine normale Website-Seite zum Menü hinzu.
  - Dynamische und App-Seiten: Füge Seiten von Apps hinzu (z. B. eine Produktseite von Wix Stores) oder Seiten, die mit Sammlungen im CMS verknüpft sind.
  - Link: Du kannst viele Arten von Links zum Menü hinzufügen, zum Beispiel Links zu anderen Websites, Anker auf Website-Seiten, Kontaktdaten deines Kunden usw.
  - Dropdown: Füge einen Container hinzu, der unter dem Menü angezeigt wird, wenn Besucher mit der Maus über das Element fahren. Du kannst es bei Bedarf gestalten und zum Anzeigen von Menüelementen und Inhalten verwenden.

Das „Elemente hinzufügen“-Panel ist geöffnet. Der Cursor fügt ein horizontales Menü auf der Website hinzu.

Menüs auf einer Website verwalten

Du kannst ein bestehendes Menü und die darin angezeigten Elemente jederzeit anpassen. Füge weitere Elemente hinzu, entferne Elemente oder ändere die Reihenfolge, damit der Inhalt aktuell bleibt.

Um ein Menü zu verwalten:

Wähle das entsprechende Menü in deinem Editor aus.
Klicke auf Menü verwalten.
Wähle aus, was du als Nächstes tun möchtest:

Füge weitere Menüelemente hinzu:

Den Link eines Menüelements ändern

Ein Menüelement umbenennen

Ein Element entfernen oder löschen

Menüelemente neu anordnen

Das „Menü verwalten“-Panel ist geöffnet. Der Cursor klickt, um ein Element umzubenennen.

Dropdowns erstellen

Je nach Titelart gibt es 2 Möglichkeiten, Dropdowns in einem Menü zu erstellen:

Ein vorhandenes Menüelement: Wähle ein vorhandenes Element (Seite oder Link) aus dem Menü aus, um das Dropdown anzuzeigen, wenn Besucher mit der Maus darüber fahren.
Ein Titel, der nicht anklickbar ist: Füge einen Titel für das Dropdown hinzu, der zu keiner Seite führt. Wenn Besucher mit der Maus darüber fahren, wird der Dropdown-Container geöffnet.

Um ein Dropdown hinzuzufügen und einzurichten:

Wähle das entsprechende Menü im Editor aus.
Klicke auf Menü verwalten.
Wähle aus, was du tun möchtest:
- Ein vorhandenes Menüelement verwenden:
  1. Ziehe ein Menüelement, um es unter das Element zu verschieben, das du als Dropdown-Titel verwenden möchtest.
  2. Fahre mit der Maus über dasselbe Element und klicke auf das Symbol für Weitere Aktionen .
  3. Wähle Verschieben in (Seitenname).
  4. Wiederhole die Schritte a-c für alle anderen Elemente.
- Erstelle ein neues Dropdown:
  1. Klicke auf + Element hinzufügen.
  2. Wähle Dropdown aus.
  3. Gib den Titel für das Dropdown ein.
  4. Drücke die Enter-Taste auf deiner Tastatur, um deine Änderungen zu speichern.
  5. Ziehe Menüelemente unter das Dropdown, um sie hinzuzufügen.
  6. Wiederhole Schritt e für alle weiteren Elemente, die du hinzufügen möchtest.

Im Menü „Menü verwalten“ wurde ein Dropdown erstellt. Ein Menüelement wird darunter gezogen.

Verwende die Layout-Einstellungen, um den gewünschten Menütyp auszuwählen – eine Navigationsleiste oder ein Hamburger-Menü.

Um das Layout festzulegen:

Klicke in deinem Editor auf das Menü.
Klicke auf das Symbol für Layout .
Wähle den Menütyp:
- Navigationsleiste: Menüelemente werden in einer Leiste angezeigt.
  - Ausrichtung: Wähle aus, ob die Leiste horizontal oder vertikal ausgerichtet ist.
- Hamburger: Ein Symbol wird angezeigt. Wenn Website-Besucher auf das Symbol klicken, öffnet sich das Menü.

Das Menülayout-Panel. Der Cursor hat die Navigationsleiste ausgewählt.

Mehrere Menüs auf derselben Website anzeigen

Du kannst so viele Menüs erstellen, wie du brauchst, und in jedem völlig unterschiedliche Elemente anzeigen.

Nachdem du ein neues Menüelement hinzugefügt hast, kannst du auswählen, welches Menü angezeigt werden soll: Ein vorhandenes Menü, das du gespeichert hast, oder ein neues, das du an Ort und Stelle erstellst. Das bedeutet, dass du Menüs speichern und für verschiedene Menüelemente auf der gesamten Website wiederverwenden kannst.

Auswählen, welches Menü auf einer Seite angezeigt wird

Eine neues Menü speichern

Zeigst du dasselbe Element in mehreren Menüs an?

Du kannst dem Element in jedem Menü einen eindeutigen Namen geben, damit er immer der spezifischen Absicht entspricht. Alle Menüs, die du erstellst, sind völlig unabhängig voneinander.

Ein Menü hinzufügen