Pop-up- und In-App-Messaging-Kampagnen ermöglichen es dir, gezielte Nachrichten direkt auf deiner Website oder in deiner mobilen App anzuzeigen, um Besucher im richtigen Moment anzusprechen. Nachrichten auf Websites werden als Pop-ups bezeichnet, und Nachrichten in mobilen Apps (iOS und Android) werden als In-App-Nachrichten bezeichnet. Beide Arten haben genau denselben Aufbau, dasselbe Design und dieselben Konfigurationsschritte.

Nutze Pop-ups und In-App-Nachrichten, um Angebote zu bewerben, Ankündigungen hervorzuheben oder Benutzer:innen zum Handeln zu bewegen, ohne eine separate Kampagne zu versenden. Anders als bei Push-Kampagnen müssen sich Besucher:innen nicht extra anmelden, um Pop-ups oder In-App-Nachrichten zu erhalten – sie erreichen einfach jeden.

Gut zu wissen

• Pop-ups und In-App-Nachrichten werden genauso eingerichtet wie Push-Benachrichtigungen. Wenn du bereits Push-Benachrichtigungen eingerichtet hast, musst du Pop-ups und In-App-Nachrichten nicht noch einmal einrichten. Weitere Informationen findest du in unserem speziellen Artikel Push-Web-Benachrichtigungen, Pop-ups und In-App-Nachrichten einrichten.
• Pop-up- und In-App-Messaging-Kampagnen unterscheiden sich von Pop-up-Anmeldeformularen. Anmeldeformulare dienen dazu, neue Kontakte zu sammeln und deine Listen zu erweitern, während Werbe-Pop-ups und In-App-Nachrichten Kampagnenmitteilungen 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- oder In-App-Messaging-Kampagne

So erstellst du deine Pop-up- oder In-App-Messaging-Kampagne:

1. Gehe zu Marketing > Campaigns (Marketing > Kampagnen).
2. Klicke auf Create campaign (Kampagne erstellen).
3. Wähle Pop-up aus.
4. Gib deiner Kampagne einen Namen, damit du sie in der Liste deiner Pop-up- und In-App-Messaging-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, in dem du deine Kampagne zu Unternehmenszwecken speichern möchtest. Weitere Informationen zu Kampagnenordnern findest du in unserem speziellen Artikel Kampagnen und Templates in Ordnern organisieren.
   
7. Klicke auf Create pop-up (Pop-up erstellen).

🎨 Schritt 2: Gestalte deine Pop-up- oder In-App-Nachricht

Du kannst jetzt damit beginnen, das Design deiner Pop-up- oder In-App-Meldung sowohl für Desktop- als auch für Mobilgeräte zu gestalten.

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

Pop-up- oder In-App-Messaging-Kampagne gestalten

Drag & Drop-EditorHTML/CSS

So fängst du an, deine Pop-up- oder In-App-Messaging-Kampagne mit dem Drag-&-Drop-Editor zu gestalten:

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 deiner Pop-up- oder In-App-Nachricht hinzuzufügen.

   Klick auf die folgenden Untermenüs, um weitere Informationen über die verfügbaren Blöcke für die Gestaltung deiner Pop-up- oder In-App-Meldung zu erhalten.

   ✏️ Text

   

   Mit dem Text-Block kannst du beschreibenden Text in dein Pop-up oder deine In-App-Nachricht einfügen. Du kannst eine aussagekräftige Einleitung hinzufügen und mehr Hintergrundinfos zum Zweck des Pop-ups oder der In-App-Nachricht 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 deiner Pop-up- oder In-App-Meldung individuell anpassen. Klick auf jedes Element in der Vorschau, um es zu bearbeiten. Passe das Design deiner Pop-up- oder In-App-Meldung über das Einstellungsfenster an. Klick auf die folgenden Untermenüs, um weitere Informationen darüber zu erhalten, welche Elemente des Pop-ups oder der In-App-Nachricht du anpassen kannst. 

   🔳 Hintergrund-Overlay

   Klicke in der Vorschau auf das Hintergrund-Overlay, um es anzupassen. Du kannst eine Farbe und eine Deckkraft für den Hintergrund auswählen, damit dein Pop-up- oder In-App-Nachrichtenfenster besser zur Geltung kommt.

   💬 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 der Pop-up- oder In-App-Nachricht fest. Layout: Passe den Zeilenabstand, die Ränder, den Abstand zum Seitenrand und die Ausrichtung an. Bild: Aktiviere Show image (Bild anzeigen), um ein Bild in deiner Pop-up- oder In-App-Nachricht anzuzeigen. Klick auf Select image (Bild auswählen), um eines hochzuladen, oder auf Generate (Generieren), um eines mithilfe von AI zu erstellen. Stil: Passe die Hintergrundfarbe, die Rahmen, die abgerundeten Ecken und den Schatten an. Animation: Wähle aus, wie die Pop-up- oder In-App-Nachricht angezeigt und ausgeblendet wird. Automatisches Schließen: Aktiviere das automatische Schließen der Pop-up- oder In-App-Nachricht. 💡 Gut zu wissen Im Bereich Image (Bild) kannst du ein Bild hinzufügen – allerdings nur in Pop-up- oder In-App-Nachrichten. Um weitere Bilder hinzuzufügen oder sie an anderer Stelle zu platzieren, 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- oder In-App-Nachrichtenkampagne mit dem HTML/CSS-Editor zu gestalten:

1. Klicke auf Create design > HTML/CSS editor (Design erstellen > HTML/CSS-Editor).
2. Wähle ein Layout aus:
   • Von Grund auf neu beginnen: Fang mit einem leeren Canvas an und gestalte deine Pop-up- oder In-App-Nachricht von Grund auf neu.
   • Onboarding-Karussell: Binde deine Kunden in mehreren Schritten ein, um Mehrwert und komplexe Prozesse zu kommunizieren.
3. Schreib deinen HTML- und CSS-Code direkt im Editor, um das Design deines Pop-ups oder deiner In-App-Nachricht vollständig zu steuern.
4. Klicke auf Save and exit (Speichern und beenden), wenn du fertig bist.

Mobile Ansicht

Du kannst dir eine Vorschau anzeigen lassen, wie deine Pop-up- oder In-App-Nachricht auf einem Mobilgerät aussehen wird, indem du oben im Editor die Ansicht von „Desktop“ auf „Mobil“ umschaltest. Beachte, dass du die mobile Ansicht nicht bearbeiten kannst.

cWenn du mit dem Aussehen deiner Pop-up- oder In-App-Nachricht zufrieden bist, klick auf Save and exit (Speichern und beenden). 

Design bearbeiten und zurücksetzen

In der Übersicht deiner Pop-up- oder In-App-Messaging-Kampagne kannst du das Design ändern, bevor du deine Kampagne aktivierst:

1. Klicke auf Edit (Bearbeiten) neben Design, um weitere Änderungen vorzunehmen.

2. Klicke auf das Drei-Punkte-Symbol neben Edit (Bearbeiten) > Reset design (Design zurücksetzen), um dein aktuelles Design zu löschen und von vorn zu beginnen. 
   

   ❗️ Wichtig

   Das Zurücksetzen des Designs ist dauerhaft und kann nicht rückgängig gemacht werden.

⚙️ Schritt 3: Konfiguriere deine Pop-up- oder In-App-Messaging-Kampagne

Klicke auf die folgenden Untermenüs, um die verfügbaren Optionen zur Konfiguration deiner Pop-up- oder In-App-Nachricht anzuzeigen.

🚀 Schritt 4: Aktiviere deine Pop-up- oder In-App-Nachricht

Du kannst jetzt deine Pop-up- oder In-App-Nachricht aktivieren:

1. Überprüfe deine Einstellungen für Pop-up- und In-App-Nachrichten.
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 deine Pop-up- oder In-App-Nachricht sofort zu veröffentlichen, 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) deine Pop-up- oder In-App-Meldung aktiv lassen 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 deine Pop-up- oder In-App-Nachricht live ist, kannst du ihre Leistung auf der Seite Kampagnen nachverfolgen: Aufrufe, Klicks und Conversion-Rate.

⏭️ Nächste Schritte

• Richte Push-Web-Benachrichtigungen, Pop-up- und In-App-Nachrichten ein
• Ein Pop-up-Anmeldeformular in Brevo erstellen

🤔 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.