Pop-up-Kampagnen, auch bekannt als In-App-Messaging, ermöglichen es dir, gezielte Nachrichten direkt auf deiner Website oder in deiner mobilen App anzuzeigen, um Besucher:innen im richtigen Moment anzusprechen. Nutze sie, um Angebote zu bewerben, Ankündigungen hervorzuheben oder zum Handeln anzuregen, ohne eine separate Kampagne zu versenden. Im Gegensatz zu Push-Kampagnen müssen sich Besucher:innen nicht extra anmelden, um Pop-ups zu erhalten – sie erreichen einfach jeden.

Gut zu wissen

• Pop-ups funktionieren genauso wie Push-Benachrichtigungen. Wenn du Push-Benachrichtigungen bereits eingerichtet hast, musst du Pop-ups nicht noch einmal einrichten. Weitere Informationen findest du in unserem speziellen Artikel Einrichten von Push-Web-Benachrichtigungen und Pop-ups.
• Pop-up-Kampagnen unterscheiden sich von Pop-up-Anmeldeformularen. Anmeldeformulare dienen dazu, neue Kontakte zu sammeln und deine Listen zu erweitern, während Werbe-Pop-ups Kampagnenbotschaften sind, die an Besucher:innen deiner Website oder App versendet werden. Weitere Informationen findest du in unserem Artikel Ein Pop-up-Anmeldeformular in Brevo erstellen.

🔎 Schritt 1: Erstelle deine Pop-up-Kampagne

So erstellst du deine Pop-up-Kampagne:

1. Gehe zu Marketing > Campaigns (Marketing > Kampagnen).
2. Klicke auf Create campaign (Kampagne erstellen).
3. Wähle Pop-up aus.
4. Gib deiner Pop-up-Kampagne einen Namen, damit du sie in der Liste deiner Pop-up-Kampagnen leicht wiederfindest. Dieser Name ist nur für dich sichtbar.
5. (Optional) Wähle ein oder mehrere Tags aus. Weitere Informationen findest du in unserem Artikel Erstellen und Verwenden von Tags für deine Kampagnen und Automatisierungen.
6. (Optional) Wähle einen Ordner aus, in dem du deine Pop-up-Kampagne für das Unternehmen speichern möchtest. Weitere Informationen zu Kampagnenordnern findest du in unserem speziellen Artikel Organisieren von Kampagnen und Templates mit Ordnern.
   
7. Klicke auf Create pop-up (Pop-up erstellen).

🎨 Schritt 2: Gestalte dein Pop-up

Du kannst jetzt damit beginnen, das Aussehen deines Pop-ups auf deiner Website zu gestalten – sowohl auf Desktop- als auch auf Mobilgeräten.

Du kannst Blöcke per Drag & Drop verschieben und andere Elemente konfigurieren, um deine Pop-up-Kampagne zu gestalten, oder den HTML/CSS-Editor nutzen.

Gestalten deiner Pop-up-Kampagne

Drag & Drop-EditorHTML/CSS

So startest du mit der Gestaltung deiner Pop-up-Kampagne im Drag & Drop-Editor:

1. Klicke auf Create design > Drag & drop editor (Design erstellen > Drag-&-Drop-Editor).
2. Wähle Start from scratch (Von Grund auf neu) oder eines der verfügbaren Templates aus.

3. Nutze den Editor, um Inhalte zu deinem Pop-up hinzuzufügen.

   Klick auf die folgenden Untermenüs, um weitere Informationen über die Blöcke zu erhalten, die dir beim Gestalten deines Pop-ups zur Verfügung stehen

   ✏️ Text

   

   Mit dem Text-Block kannst du beschreibenden Text in dein Pop-up einfügen. Du kannst eine ansprechende Einleitung hinzufügen und mehr Hintergrundinfos zum Zweck des Pop-ups geben. Wenn du auf einen Textblock klickst, erscheint eine Leiste oben. Über diese Leiste kannst du die Formatierung des Textes ändern – zum Beispiel Stil, Schriftart, Schriftgröße, Farbe und Ausrichtung – und Links einfügen.

   🖼️ Image (Bild)

   Mit dem Bild-Block kannst du ein ansprechendes Bild einfügen. Du kannst ein Bild auswählen oder erstellen. Du kannst eine Zielseite oder einen Zielbildschirm hinzufügen und den Stil des Bildes anpassen.

   🖱️ Button (Schaltfläche)

   Mit dem Schaltfläche-Block kannst du einen Call-to-Action einfügen, indem du eine URL hinzufügst, über die Besucher:innen weitergeleitet werden, wenn sie darauf klicken. Du kannst das Aussehen deiner Call-to-Action-Schaltfläche anpassen: Ändere den Text, die Farbe, die Schriftart, den Eckenradius und den Abstand.

4. Du kannst das Aussehen deines Pop-ups auf deiner Website anpassen. Klicke auf jedes Element in der Vorschau, um es zu bearbeiten. Passe das Design deines Pop-ups über das Einstellungsfeld an. Klick auf die folgenden Untermenüs, um weitere Informationen darüber zu erhalten, welche Elemente des Pop-ups du anpassen kannst. 

   🔳 Hintergrund-Overlay

   Klicke in der Vorschau auf die Background overlay (Hintergrund-Overlay), um es anzupassen. Du kannst eine Farbe und die Deckkraft für den Hintergrund auswählen, um dein Pop-up-Fenster hervorzuheben.

   💬 Pop-up-Fenster (Layout, Bild, Stil)

   Klick auf das Pop-up-Fenster in der Vorschau, um dessen Design anzupassen: Position und Größe: Leg die Position und Größe des Pop-ups fest. Layout: Passe den Zeilenabstand, die Ränder, den Abstand zum Seitenrand und die Ausrichtung an. Bild: Aktiviere die Option Show image (Bild anzeigen), um ein Bild in deinem Pop-up anzuzeigen. Klick auf Select image (Bild auswählen), um eines hochzuladen, oder auf Generate (Generieren), um mit AI eines zu erstellen. Stil: Passe die Hintergrundfarbe, die Rahmen, die abgerundeten Ecken und den Schatten an. Animation: Wähle aus, wie das Pop-up-Fenster eingeblendet und ausgeblendet wird. Automatisches Schließen: Aktiviere das automatische Schließen des Pop-ups. 💡 Gut zu wissen Im Bereich Bild kannst du ausschließlich im Pop-up ein Bild hinzufügen. Wenn du weitere Bilder hinzufügen oder sie an anderer Stelle platzieren möchtest, verwende stattdessen den Bild-Block. Beachte, dass dieses Bild – anders als beim Bild-Block – nicht anklickbar ist.

   ✖️ Schaltfläche für das Schließen

   Klicke auf die Schaltfläche für das Schließen, um die Farbe des X-förmigen Symbols, die Füllfarbe, die Ränder und den Schatten zu bearbeiten.

So fängst du an, deine Pop-up-Kampagne mit dem HTML/CSS-Editor zu gestalten:

1. Klicke auf Create design > HTML/CSS editor (Design erstellen > HTML/CSS-Editor).
2. Schreib deinen HTML- und CSS-Code direkt im Editor, um das Design deines Pop-ups vollständig zu steuern.
3. Klicke auf Save and exit (Speichern und beenden), wenn du fertig bist.

Mobile Ansicht

Du kannst dir eine Vorschau anzeigen lassen, wie dein Pop-up auf einem Mobilgerät aussehen wird, indem du oben im Editor zwischen der Desktop- und der Mobilansicht umschaltest. Beachte, dass du die mobile Ansicht nicht bearbeiten kannst.

Wenn du mit dem Aussehen deines Pop-ups zufrieden bist, klick auf Save and exit (Speichern und beenden).

⚙️ Schritt 3: Konfiguriere deine Pop-up-Kampagne

Klicke auf die folgenden Untermenüs, um die verfügbaren Optionen zur Konfiguration deines Pop-up-Formulars anzuzeigen.

🚀 Schritt 5: Aktivieren dein Pop-up-Formular

Du kannst dein Pop-up jetzt aktivieren:

1. Überprüfe deine Pop-up-Einstellungen.
2. Klicke auf Activate now or later (Jetzt oder später aktivieren).
   
3. Wähle im Dropdown-Menü Activate pop-up (Pop-up aktivieren) Folgendes aus:
   • Now (Jetzt), um dein Pop-up sofort live zu schalten, oder
   • At a specific time (Zu einer bestimmten Zeit), um einen Aktivierungstag und eine Uhrzeit auszuwählen.
4. Wähle im Dropdown-Menü des Deaktivieren-Pop-ups Folgendes aus:
   • Never (Niemals) , um dein Pop-up aktiv zu halten, oder
   • At a specific time (Zu einem bestimmten Zeitpunkt), um einen Tag und eine Zeit für die Deaktivierung auszuwählen.
5. Klicke auf Activate now (Jetzt aktivieren) oder Schedule pop-up (Pop-up planen).

Sobald dein Pop-up online ist, kannst du seine Leistung auf der Seite Kampagnen nachverfolgen: Aufrufe, Klicks und Conversion-Rate.

⏭️ Nächste Schritte

• Einrichtung von Web-Push-Benachrichtigungen und Pop-ups
• Erstellen eines Pop-up-Anmeldeformular

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.