header-logo
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

Wix Editor: Eine Lightbox hinzufügen und einrichten

5 min
Füge eine Pop-up-Lightbox hinzu, um die Aufmerksamkeit deiner Besucher zu erregen und wichtige Ankündigungen und Informationen zu präsentieren. Du kannst Elemente zur Pop-up-Nachricht hinzufügen, entscheiden, wann sie ausgelöst wird, und sogar auswählen, wie Besucher sie schließen.
GIF, das eine Lightbox zeigt, die auf einer Live-Website von Wix angezeigt wird

Schritt 1 | Eine Lightbox hinzufügen

Füge eine Lightbox hinzu, um etwas Interaktives und Informatives für deine Website-Besucher zu erstellen. Es gibt eine Reihe von Vorlagen und Typen, aus denen du wählen kannst, z. B. „Willkommen“ und „Kontakt“.

Um eine Lightbox hinzuzufügen:

  1. Klicke auf der linken Seite des Editors auf Hinzufügen .
  2. Klicke auf Interaktiv.
  3. Wähle unter Lightboxen eine Kategorie aus.
  4. Klicke oder ziehe die Lightbox, um sie zu deiner Website hinzuzufügen.
Das „Elemente hinzufügen“-Panel im Editor. Der Tab Lightbox ist geöffnet.

Schritt 2 | Deine Lightbox anpassen

Beginne als Nächstes damit, deine Lightbox aufzubauen und zu gestalten. Du kannst vorhandene Elemente anpassen und Elemente wie Text, Buttons, Formulare, Bilder und vieles mehr hinzufügen. Achte darauf, dass die Elemente, die du hinzufügst, kleiner als die Lightbox sind, damit sie hineinpassen.

Um Elemente zu einer Lightbox hinzuzufügen:

  1. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  2. Klicke auf Lightboxen.
  3. Wähle die entsprechende Lightbox aus, um sie anzuzeigen.
  4. Klicke auf die Lightbox auf der Arbeitsfläche.
  5. Beginne damit, deine Lightbox anzupassen:
    • Füge weitere Elemente hinzu.
      Tipp: Wenn du das Element aus dem Hinzufügen-Panel ziehst, lege es ab, wenn du die Meldung „An Lightbox anhängen“ siehst.
    • Klicke auf vorhandene Elemente, um sie zu bearbeiten.
    • Ändere den Hintergrund der Lightbox und die Überlagerung um diesen herum.
Hinweis:
Wenn du eine Lightbox hinzufügst, wechselst du in den Lightbox-Modus. Hier kannst du deine Lightbox einrichten und bearbeiten. Um zum Standard-Editor zurückzukehren, klicke in der oberen Leiste auf Modus verlassen.
Das „Elemente hinzufügen“-Panel im Editor. Der Editor befindet sich im Lightbox-Modus und der Cursor bewegt sich über einem Textelement.

Schritt 3 | Die Lightbox-Einstellungen anpassen

Nachdem du deine Pop-up-Nachricht gestaltet hast, entscheide, wann, wo und wie sie Besuchern angezeigt wird. Du kannst die Lightbox so einstellen, dass sie automatisch angezeigt wird, sobald die Seite geladen wird, oder sie mit einem Element verlinken, auf das Besucher klicken müssen.
Du kannst deine Lightbox auch so planen, dass sie zu einem bestimmten Zeitpunkt angezeigt wird (z. B. zu bestimmten Feiertagen), und entscheiden, wie Besucher die Lightbox verlassen.

Um die Lightbox-Einstellungen anzupassen:

  1. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  2. Klicke auf Lightboxen.
  3. Wähle die entsprechende Lightbox aus, um sie anzuzeigen.
  4. Klicke auf die Lightbox auf der Arbeitsfläche.
  5. Klicke auf Auslöser festlegen.
  6. Passe die Lightbox-Einstellungen an:
Das Einstellungen-Panel einer Lightbox; der Cursor fährt über das Eingabefeld für die Verzögerung
Wie geht's weiter?
Passe das Design und die Position deiner Lightbox an, um die Ankündigungen deiner Website weiter zu personalisieren. So kannst du deine Lightbox anpassen.

Häufig gestellte Fragen

Klicke unten, um Antworten auf die am häufigsten gestellten Fragen zu Lightboxen zu lesen:
GIF, das eine Lightbox zeigt, die auf einer Live-Website von Wix angezeigt wird
Das „Elemente hinzufügen“-Panel im Editor. Der Tab Lightbox ist geöffnet.
Das „Elemente hinzufügen“-Panel im Editor. Der Editor befindet sich im Lightbox-Modus und der Cursor bewegt sich über einem Textelement.
Das Einstellungen-Panel einer Lightbox; der Cursor fährt über das Eingabefeld für die Verzögerung