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. Elemente hinzufügen und anpassen
  5. Container und Boxen
  6. Wix Editor: Dein Pop-up anpassen

Wix Editor: Dein Pop-up anpassen

8 min
In diesem Artikel
  • Das Layout eines Pop-ups anpassen
  • Die Pop-up-Überlagerung einrichten
  • Den Pop-up-Hintergrund festlegen
  • Den „Schließen“-Button des Pop-ups anpassen
  • Das „X“-Symbol anpassen
Passe dein Pop-up an, damit es genau so aussieht, wie du möchtest. Du kannst eine Überlagerung wählen, um deine Seite hinter dem Pop-up abzudecken, die Position des Pop-ups festlegen und den Hintergrund ändern. So erstellst du ein einzigartiges Design für deine Marke.
Screenshot einer benutzerdefinierten Lightbox auf einer Live-Website von Wix

Das Layout eines Pop-ups anpassen

Lege fest, wo auf deiner Seite das Pop-up angezeigt wird. Du kannst die Ecke der Seite auswählen, in der es angezeigt werden soll, und den Abstand des Pop-ups von den Rändern des Bildschirms anpassen (Abstand).

Um das Layout deines Pop-ups einzurichten:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Klicke auf Pop-ups.
  4. Klicke auf das entsprechende Pop-up, um es zu öffnen.
  5. Wähle das Pop-up im Editor aus.
  6. Klicke auf das Symbol für Layout .
  7. Wähle, wie du das Layout anpassen möchtest:
    • Position festlegen: Klicke auf ein Rechteck im Raster, um die Position deines Pop-ups auf der Seite festzulegen.
    • Horizontaler Abstand: Bewege das Feld nach links oder rechts auf dem Bildschirm.
    • Vertikaler Abstand: Bewege die Box auf dem Bildschirm nach oben oder unten.
Ein Pop-up und das Layout-Panel im Wix Editor.

Die Pop-up-Überlagerung einrichten

Die Überlagerung ist ein Bereich um das Pop-up herum, mit dem du den Rest deiner Website ausblenden kannst. So können sich deine Besucher auf die Botschaft deines Pop-ups konzentrieren. Lege fest, ob Website-Besucher auf die Überlagerung klicken können, um das Pop-up zu schließen.

Um die Überlagerung einzurichten:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Klicke auf Pop-ups.
  4. Klicke auf das entsprechende Pop-up, um es zu öffnen.
  5. Klicke auf eine beliebige Stelle außerhalb des Pop-ups, um diesen Bereich auszuwählen.
  6. Wähle aus, was du als nächstes tun möchtest:
    • Entscheide, ob Besucher auf die Überlagerung klicken können, um das Pop-up zu schließen:
      1. Klicke auf Hintergrundüberlagerung aktivieren.
      2. Aktiviere oder deaktiviere den Schieberegler Pop-up durch Anklicken schließen.
        Hinweis: Wenn du diese Option deaktivierst, stelle sicher, dass du entweder ein „X“-Symbol oder einen „Schließen“-Button für dein Pop-up eingerichtet hast.
    • Die Überlagerung gestalten:
      1. Klicke auf Hintergrund ändern.
      2. Wähle zwischen einer Farbe, einem Bild oder einem Videohintergrund.
      3. (Optional) Klicke auf Einstellungen, um die Überlagerung anzupassen.
        Tipp: Du kannst die Deckkraft von Farbe und Bildhintergrund anpassen. Wir empfehlen, die Überlagerung leicht transparent zu gestalten, damit deine Besucher deine Seite noch hinter dem Pop-up sehen können, aber verstehen, dass sie gerade gesperrt ist.
Ein Pop-up im Wix Editor.
Überlagerungen auf deiner mobilfreundlichen Website:
  • Du kannst die Pop-up-Überlagerung für die mobile Ansicht deiner Website nicht bearbeiten.
  • Wenn du eine Farb- oder Bildüberlagerung auf dem Desktop hinzufügst, wird diese automatisch auf deine Mobile-Website angewendet. Wenn du jedoch eine Video-Überlagerung hinzufügst, wird diese in ein Standbild aus dem Video auf der mobilen Version deiner Website umgewandelt.

Den Pop-up-Hintergrund festlegen

Wähle zwischen einem Farb-, Bild- oder Videohintergrund für dein Pop-up. Je nach gewähltem Typ kannst du Einstellungen wie Deckkraft und Skalierung anpassen.

Einen Hintergrund für dein Pop-up wählen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Klicke auf Pop-ups.
  4. Klicke auf das entsprechende Pop-up, um es zu öffnen.
  5. Wähle das Pop-up im Editor aus.
  6. Klicke auf das Symbol für Design .
  7. Klicke auf den gewünschten Hintergrund für dein Pop-up:
    • Farbe: Wähle über die Farbauswahl eine Farbe aus oder füge einen Farbverlauf hinzu und passe ihn an.
    • Bild: Wähle dein eigenes Bild oder eines von Wix oder von Shutterstock.
    • Video: Wähle ein kostenloses Video von Wix oder lade dein eigenes Video hoch.
  8. (Optional) Klicke auf Einstellungen, um den Hintergrund nach deinen Wünschen anzupassen.
Pop-up zeigt die Einstellungen für den Pop-up-Hintergrund im Wix Editor.

Den „Schließen“-Button des Pop-ups anpassen

Passe das Design und Layout des Buttons an, den Besucher anklicken, um dein Pop-up zu schließen. Du kannst den Text auswählen, die Ausrichtung des Buttontextes festlegen und das Design für die Standard- und Mouseover-Ansicht anpassen, um ihn hervorzuheben.

Um den „Schließen“-Button anzupassen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Klicke auf Pop-ups.
  4. Klicke auf das entsprechende Pop-up, um es zu öffnen.
  5. Wähle das Pop-up im Editor aus.
  6. Klicke auf den Button Schließen.
  7. Wähle, wie du den Button anpassen möchtest:
Das Design-Panel für das „Schließen“-Symbol. Der Cursor befindet sich über dem Tab Text, der geöffnet ist.

Das „X“-Symbol anpassen

Wenn du im Einstellungen-Panel das „X“-Symbol (Pop-up schließen) aktiviert hast, kannst du sein Aussehen an dein Website-Design anpassen. Wähle eines der vielen Designs und passe Farbe, Deckkraft und Rand an.

Um das „X“-Symbol anzupassen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Öffne das entsprechende Pop-up.
  4. Klicke im Editor auf das Pop-up.
  5. Klicke auf das Symbol für Pop-up schließen („X“-Symbol).
  6. Klicke auf das Symbol für Design .
  7. Wähle, wie du dein „X“-Symbol anpassen möchtest:
    • Ein neues Design auswählen: Klicke auf eine Voreinstellung im Panel, um ein neues Design für das Symbol festzulegen.
    • Symbol anpassen: Klicke auf Design anpassen und bearbeite das Symbol wie gewünscht:
      • Füllfarbe & Deckkraft: Wähle die Farbe des Symbols aus der Farbauswahl und verwende den Schieberegler, um es mehr oder weniger sichtbar zu machen.
      • Rand: Wähle eine Farbe für den Rand des Symbols und lege die Breite (in Pixel) fest.
Design-Einstellungen für „Schließen“-Symbole Wix Editor.

War das hilfreich?

|
In diesem Artikel
  • Das Layout eines Pop-ups anpassen
  • Die Pop-up-Überlagerung einrichten
  • Den Pop-up-Hintergrund festlegen
  • Den „Schließen“-Button des Pop-ups anpassen
  • Das „X“-Symbol anpassen

War das hilfreich?

|