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

Studio Editor: Pop-ups verwenden

7 Min.
In diesem Artikel
  • Ein Pop-up wird hinzugefügt
  • Ein Pop-up anpassen
  • Trigger für ein Pop-up festlegen
  • Einen Zeitplan für ein Pop-up festlegen
  • Elemente mit einem Pop-up verknüpfen
  • Ein Pop-up verwalten
Pop-ups sind Fenster, die auf der Live-Website angezeigt werden und die du an deine Bedürfnisse anpassen kannst. Gestalte das Fenster und füge die gewünschten Elemente hinzu, und wähle anschließend aus, wann es Website-Besuchern angezeigt wird.
Du kannst auch Elemente wie Text, Buttons oder Bilder verlinken, sodass durch Anklicken das Pop-up öffnet. Das ist eine großartige Möglichkeit, die Reichweite für zeitkritische Informationen, Angebote oder Werbeaktionen zu erhöhen.
Ein Beispiel für eine Lightbox, die verwendet wird, um mehr Abonnenten für den Newsletter des Kunden zu gewinnen

Ein Pop-up wird hinzugefügt

Füge ein Pop-up zur Website deines Kunden hinzu, um Ankündigungen für deren Besucher und Kunden einzurichten.

Um ein Pop-up hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Hinzufügen .
  3. Klicke auf Layout-Tools.
  4. Klicke auf Pop-ups.
  5. Wähle das Pop-up aus, das du hinzufügen möchtest.
Der Tab Pop-ups im Panel „Elemente hinzufügen“ wurde geöffnet. Der Cursor wählt ein Pop-up aus.

Ein Pop-up anpassen

Passe das Pop-up an den Rest der Website an. Füge alle benötigten Elemente hinzu, ändere dann die Hintergrundfarbe und entscheide über die Deckkraft.

Ein Pop-up anpassen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten .
  3. Wähle unter Pop-ups das entsprechende Pop-up aus.
  4. Klicke auf der Arbeitsfläche auf das Pop-up.
  5. Wähle aus, wie das Pop-up angepasst werden soll:
5.  Wenn du fertig bist, klicke unten auf Okay, um den Bearbeitungsmodus zu verlassen.
Das Inspektor-Panel ist für ein Pop-up geöffnet. Der Cursor klickt auf das Hintergrundfarbfeld.
Wie geht es weiter?
Sieh dir eine Vorschau der Website an, um das Pop-up in Aktion zu sehen.

Trigger für ein Pop-up festlegen

Wähle aus, wie und wann das Pop-up angezeigt werden soll. Du kannst es so einstellen, dass es automatisch auf bestimmten Website-Seiten angezeigt wird, oder es mit einem Element verlinken (z. B. Text, Bild). Du kannst auch festlegen, wie Besucher das Pop-up schließen, nachdem sie es angesehen haben.
Hinweis:
Das Pop-up wird einmal pro Besucher auf der ersten relevanten Seite angezeigt, die er sieht (falls das Pop-up so eingerichtet ist, dass es auf mehreren Seiten angezeigt wird).

Um Auslöser einzurichten:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten .
  3. Wähle unter Pop-ups das entsprechende Pop-up aus.
  4. Klicke auf der Arbeitsfläche auf das Pop-up.
  5. Klicke auf Auslöser festlegen.
  6. Wähle unter Pop-up automatisch auf Seiten anzeigen die entsprechende Option aus:
    • Ja: Das Pop-up wird automatisch angezeigt, wenn Besucher die entsprechenden Seiten aufrufen.
      1. Klicke auf das Feld Auf welcher Seite soll sie erscheinen?, um die entsprechende(n) Seite(n) auszuwählen.
      2. Ziehe den Slider Verzögerung, um festzulegen, wie lange es dauert (in Sekunden), bis das Pop-up nach dem Laden der Seite angezeigt wird.
    • Nein: Das Pop-up wird nicht angezeigt, wenn Besucher eine Seite aufrufen. Stattdessen wird sie durch einen Button oder einen Link ausgelöst, den du auswählst.
  7. Aktiviere den/die entsprechenden Schieberegler unter Wie schließt das Pop-up?.
    Hinweis: Wenn du sowohl das „X“-Symbol als auch den „Schließen“-Button deaktivierst, können Besucher außerhalb des Pop-ups klicken, um es zu schließen.
  8. Wenn du fertig bist, klicke auf Okay, um den Bearbeitungsmodus zu verlassen.
Das Panel für die Pop-up-Einstellungen ist geöffnet. Der Mauszeiger deaktiviert die automatische Anzeige.
Hinweis:
Zurzeit ist es nicht möglich, mehr als ein Pop-up pro Seite anzuzeigen. Wenn du versuchst, eine Seite auszuwählen, die bereits ein Pop-up hat, wird die Option deaktiviert. Für mehrere Pop-ups pro Seite abstimmen.

Einen Zeitplan für ein Pop-up festlegen

Wähle aus, wann Website-Besuchern das Pop-up angezeigt wird. Wenn du zum Beispiel ein zeitlich begrenztes Angebot bewirbst, wird so sichergestellt, dass das Pop-up nur im entsprechenden Zeitraum angezeigt wird.
Wichtig:
Diese Option ist nur verfügbar, wenn du das Pop-up so einstellst, dass es automatisch auf Seiten angezeigt wird.

Den Pop-up-Zeitplan festlegen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten .
  3. Wähle unter Pop-ups das entsprechende Pop-up aus.
  4. Klicke auf der Arbeitsfläche auf das Pop-up.
  5. Klicke auf Auslöser festlegen.
  6. Scrolle nach unten zu Pop-up-Planung und klicke auf + Planung einrichten.
  7. Lege Startdatum und -uhrzeit sowie Enddatum und -uhrzeit fest.
    Tipp: Achte darauf, dass die richtige Zeitzone eingestellt ist. Wenn nicht, kannst du sie ändern.
Das Panel für die Pop-up-Einstellungen ist geöffnet. Der Mauszeiger klickt auf das Dropdown-Menü für die Zeitzone.

Elemente mit einem Pop-up verknüpfen

Verlinke Elemente auf der Website, um damit ein Pop-up zu öffnen, damit Besucher keine Ankündigung verpassen. Du kannst Elemente wie Text, Bilder, Videos und Buttons verlinken.

Um ein Element mit einem Pop-up zu verknüpfen:

  1. Klicke in deinem Editor auf das entsprechende Element.
  2. Klicke auf das Link-Symbol .
  3. Wähle links Pop-up aus.
  4. Klicke auf das Dropdown-Menü Welches Pop-up? und wähle das entsprechende Pop-up aus.
  5. Klicke auf OK.
Das Link-Panel für einen Button ist geöffnet. Als Ziel des Links wurde das Pop-up für Benachrichtigungen über Sonderangebote ausgewählt.

Ein Pop-up verwalten

Verwalte die Pop-ups deiner Website, um im Editor die Übersicht über sie zu behalten. Du kannst sie umbenennen, damit sie leichter zu finden sind, sie duplizieren, um Zeit zu sparen, und veraltete Pop-ups löschen.

Um ein Pop-up zu verwalten:

  1. Klicke auf der linken Seite des Editors auf Seiten .
  2. Klicke neben dem entsprechenden Pop-up auf das Symbol für Weitere Aktionen .
  3. Wähle aus, was du als Nächstes tun möchtest:
Der Mauszeiger hat im Seiten-Panel auf ein Pop-up geklickt. Die Optionen zur Verwaltung des Pop-ups werden angezeigt.