header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image
  1. Start
  2. Deine Website erstellen
  3. Editor
  4. Seiten und Menüs verwalten
  5. Menüs
  6. Wix Editor: Ein Megamenü hinzufügen und einrichten

Wix Editor: Ein Megamenü hinzufügen und einrichten

8 min
In diesem Artikel
  • Schritt 1 | Ein erweitertes horizontales Menü hinzufügen und einrichten
  • Schritt 2 | Ein Megamenü zu deinem erweiterten Menü hinzufügen
  • Schritt 3 | Ein strukturiertes Menü erstellen
  • Schritt 3 | Inhalte zum Container hinzufügen
  • Schritt 4 | Das Layout deines Megamenü-Containers anpassen
  • Schritt 5 | Das Design des Megamenüs anpassen
Megamenüs sind Container, die du als Elemente zu deinem erweiterten horizontalen Menü hinzufügen kannst. Wenn Besucher mit der Maus über das Menüelement auf deiner Live-Website fahren, öffnet sich der Container.
Füge Elemente zum Container hinzu, um wichtige und relevante Inhalte anzuzeigen. Du kannst auch das Aussehen anpassen, um deinen Besuchern ein einzigartiges Navigationserlebnis zu bieten.
GIF, das ein Mega-Menü auf einer Live-Website von Wix zeigt

Schritt 1 | Ein erweitertes horizontales Menü hinzufügen und einrichten

Um loszulegen, füge ein horizontales Menü zu deiner Seite hinzu und lege es als erweitert fest. Erweiterte Menüs helfen dir, ein individuelles, organisiertes Surferlebnis für deine Besucher zu schaffen – mit mehreren Element- und Navigationsoptionen.
Was du wissen solltest:
Einen Megamenü-Container kannst du nur zu den horizontalen Menüs hinzuzufügen, die du als erweitert festgelegt hast. Megamenü-Container werden nicht von Standard-Website-Menüs, Menüvorlagen oder vertikalen Menüs unterstützt.

Um ein horizontales erweitertes Menü hinzuzufügen und einzurichten:

  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Wähle Menü & Anker.
  3. Klicke auf Horizontale Menüs.
  4. Klicke und ziehe das von dir gewählte Menüdesign an die gewünschte Stelle auf der Seite.
  5. Das Menü als „erweitert“ festlegen:
    1. Wähle das neue Menü im Editor aus.
    2. Klicke auf das Symbol für Einstellungen .
    3. Wähle Als erweitert festlegen.
    4. Klicke im Pop-up-Fenster auf Als erweitertes Menü festlegen.
Der Tab „Menü & Anker“ im „Elemente hinzufügen“-Panel. Der Cursor bewegt sich über ein horizontales Menü.

Schritt 2 | Ein Megamenü zu deinem erweiterten Menü hinzufügen

Sobald du ein erweitertes horizontales Menü hast, füge deinen Megamenü-Container als Element hinzu und benenne ihn. Wir empfehlen die Verwendung eines Titels, der den beabsichtigten Inhalt widerspiegelt, z. B. „Services“ oder „Unsere Geschichte“.

Um ein Megamenü hinzuzufügen:

  1. Wähle das erweiterte Menü in deinem Editor aus.
  2. Klicke auf Menü verwalten.
  3. Klicke unten im Panel auf + Menüelement hinzufügen.
  4. Wähle Megamenü.
  5. Gib den Titel des Containers in das Feld ein.
  6. Klicke auf Fertig.
Das „Menü verwalten“-Panel für ein erweitertes Menü im Editor; der Cursor fährt über die Option zum Hinzufügen eines Megamenüs.

Schritt 3 | Ein strukturiertes Menü erstellen

Mit einem strukturierten Menü kannst du ein vollständiges Menü innerhalb deines Megamenüs anzeigen. Wenn jemand auf ein Megamenüelement klickt, sieht er eine klare Liste von verwandten Seiten oder Links. Dies hilft, deine Website zu organisieren und erleichtert die Navigation. Um so ein Menü zu erstellen, öffne das „Menü verwalten“-Panel und ziehe Elemente unter ein Hauptmenüelement, um sie zu verschachteln. Dadurch wird dein strukturiertes Menü automatisch erstellt.

Um ein strukturiertes Menü zu erstellen:

  1. Wähle das entsprechende erweiterte Menü in deinem Editor.
  2. Klicke auf Menü verwalten.
  3. Klicke auf + Menüelement hinzufügen und richte das gewünschte Menüelement ein.
  4. Verknüpfe das entsprechende oder die entsprechenden Menüelemente unter dem Megamenü: 
    1. Wähle das Element im „Menü verwalten“-Panel aus.
    2. Ziehe das Element per Drag-and-Drop unter das Megamenü.
GIF der Verwaltung der Menüeinstellungen für das erweiterte Menü im Wix Editor

Schritt 3 | Inhalte zum Container hinzufügen

Nachdem du deinen Container hinzugefügt und benannt hast, füge Elemente wie Buttons, Formen und Text hinzu, um den gewünschten Inhalt zu erstellen.

Um Elemente hinzuzufügen:

  1. Fahre im „Menü verwalten“-Panel mit der Maus über den Megamenü-Container.
  2. Klicke auf Bearbeiten.
  3. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  4. Wähle das Element aus, das du hinzufügen möchtest.
  5. Klicke und ziehe das Element an die gewünschte Position im Container.
GIF, das zeigt, wie ein Textfeld über das „Elemente hinzufügen“-Panel zu einem Megamenü-Container hinzugefügt wird

Schritt 4 | Das Layout deines Megamenü-Containers anpassen

Nachdem du die gewünschten Elemente hinzugefügt hast, ändere das Layout des Megamenü-Containers, damit es zu deiner Seitenstruktur passt. Du kannst den Abstand anpassen und auswählen, wie stark sich der Container dehnt.

Um das Layout zu ändern:

  1. Klicke auf den Megamenü-Container.
  2. Klicke auf das Symbol für Layout .
  3. Klicke auf Megamenü.
  4. Verwende die folgenden Optionen, um den Container anzupassen:
    • Layout wählen: Wähle aus, ob sich der Container über die gesamte Breite des Bildschirms deiner Besucher oder die Breite deiner Website-Seite (innerhalb der Gitternetzlinien) erstrecken soll.
    • Abstand zwischen Elementen & Containern: Vergrößere oder verkleinere den Abstand zwischen dem Menü und dem Megamenü-Container, indem du den Slider ziehst.
Screenshot des Container-Layout-Panels für ein Megamenü im Wix Editor.

Schritt 5 | Das Design des Megamenüs anpassen

Nachdem du das Layout des Containers angepasst hast, gestalte Ränder, Hintergrund und vieles mehr. Damit ein einheitliches Aussehen erhalten bleibt, gelten Änderungen, die du am Megamenü vornimmst, auch für alle Dropdown-Menüs, die du hinzugefügt hast.

Um das Design des Containers anzupassen:

  1. Klicke in der Megamenü-Modusleiste auf Modus verlassen.
  2. Klicke auf dein erweitertes Menü.
  3. Klicke auf das Symbol für Design .
  4. Klicke auf Design anpassen.
  5. Wähle aus dem Dropdown-Menü Was möchtest du gestalten? die Option Dropdown-Container.
  6. Verwende die Optionen, um den Container zu gestalten.
Screenshot, der die Designoptionen für einen Megamenü-Container zeigt, auf die im Editor von Wix zugegriffen wird.
Hinweis:
Nur Designoptionen, die am Dropdown-Menü-Container vorgenommen wurden, werden auf ein Megamenü angewendet. Änderungen, die du an Dropdown-Menüs vornimmst, werden nicht auf Elemente angewendet, die du zum Megamenü-Container hinzugefügt hast.
Wie geht es weiter?
Es gibt eine Reihe von Optionen mit einem erweiterten horizontalen Menü. Du kannst:

War das hilfreich?

|
In diesem Artikel
  • Schritt 1 | Ein erweitertes horizontales Menü hinzufügen und einrichten
  • Schritt 2 | Ein Megamenü zu deinem erweiterten Menü hinzufügen
  • Schritt 3 | Ein strukturiertes Menü erstellen
  • Schritt 3 | Inhalte zum Container hinzufügen
  • Schritt 4 | Das Layout deines Megamenü-Containers anpassen
  • Schritt 5 | Das Design des Megamenüs anpassen

War das hilfreich?

|