Pop-ups sind responsive Anmeldeformulare, die nach einer Verzögerung, während der Beendigungsabsicht und nur auf bestimmten Seiten ausgelöst werden können, was die Generierung von Leads erleichtert! Pop-up-Formulare sind so konzipiert, dass sie Aufmerksamkeit erregen, und sind in der Regel kleiner und einfacher als ganzseitige/eingebettete Anmeldeformulare.
Um zu erfahren, wie Sie ein ganzseitiges/eingebettetes Anmeldeformular erstellen, lesen Sie unseren speziellen Artikel Erstellen eines Anmeldeformulars in Brevo.
🗂️ Schritt 1: Installieren Sie Brevo-Pop-ups auf Ihrer Website
Wenn Sie zum ersten Mal ein Pop-up-Formular erstellen, müssen Sie Brevo Pop-ups auf Ihrer Website installieren, um Pop-ups auf Ihrer Website zu aktivieren und anzuzeigen. Unterdessen können Sie weiterhin Pop-up-Formulare erstellen und gestalten.
- Gehen Sie zu Contacts > Forms (Kontakte > Formulare).
- Klicken Sie auf der Registerkarte Sign-up (Anmeldung) auf Create a sign-up form (Anmeldeformular erstellen).
- Wählen Sie die Pop-up-Karteaus.
-
Klicken Sie auf das Dropdown-Menü Website und dann auf + Add website (+ Website hinzufügen). Geben Sie die URL Ihrer Website ein und klicken Sie zur Bestätigung auf Add website (Website hinzufügen).
💡 Gut zu wissenUm Brevo-Pop-up-Formulare auf mehreren Websites zu installieren, fügen Sie zunächst die URL Ihrer primären Domäne hinzu und installieren Sie die Brevo-Pop-ups auf dieser Website. Sie müssen die Setup-Dateien für die anderen Websites nicht erneut installieren.
➡️ Wenn Sie beispielsweise Pop-up-Formulare sowohl auf https://www.brevo.com als auch auf https://shop.brevo.com wünschen, beginnen Sie mit https://www.brevo.com. - Klicken Sie auf Complete the set-up (Einrichtung abschließen).
- Wählen Sie aus, wie Sie die Brevo-Pop-ups auf Ihrer Website installieren möchten:
- Wählen Sie eine Installationsoption:
- Mit unserem WordPress-Plug-In
- Mit Google-Tag-Manager
- Brevo-Tracker manuell installieren
- Klicken Sie auf Continue (Weiter).
- Wählen Sie eine Installationsoption:
- Fügen Sie die Setup-Dateien zu Ihrer Website hinzu:
- Folgen Sie den Anweisungen für die von Ihnen gewählte Installationsoption.
- Klicken Sie auf Verify setup files (Setup-Dateien überprüfen).
- Den Brevo-Tracker zu Ihrer Website hinzufügen:
❗️ WichtigWenn Sie den Brevo-Tracker bereits für eine andere App installiert haben, müssen Sie dennoch überprüfen, welche Version Sie haben: Nur Version 2.0 unterstützt Brevo-Pop-ups.
- Folgen Sie den Anweisungen für die von Ihnen gewählte Installationsoption. Abhängig davon, ob Sie den Brevo-Tracker bereits für eine andere App installiert haben oder nicht, unterscheiden sich die Anweisungen.
- Klicken Sie auf Verify Brevo tracker (Brevo-Tracker überprüfen).
Jetzt können Sie Brevo-Pop-ups für Ihre Website erstellen!
✅ Schritt 2: Richten Sie Ihr Pop-up-Anmeldeformular ein
Sobald Sie Brevo Pop-up-Formulare auf Ihrer Website installiert haben, können Sie Ihr Pop-up-Anmeldeformular erstellen:
- Gehen Sie zu Contacts > Forms (Kontakte > Formulare).
- Klicken Sie auf der Registerkarte Sign-up (Anmeldung) auf Create a sign-up form (Anmeldeformular erstellen).
- Wählen Sie die Pop-up-Karteaus.
- Wählen Sie Ihre Website aus oder fügen Sie deren URL hinzu.
- Geben Sie Ihren Formularnamen ein, um ihn schnell zu identifizieren. Dieser Name ist nur für Sie sichtbar.
- Klicken Sie auf Create form (Formular erstellen).
🎨 Schritt 3: Gestalten Sie Ihr Pop-up-Formular
Sie können nun damit beginnen, das Design Ihres Pop-up-Formulars und Ihrer Anmeldebestätigung auf Ihrer Website sowohl auf Desktop- als auch auf Mobilgeräten zu gestalten.
Sie können Blöcke per Drag-and-Drop verschieben sowie andere Elemente konfigurieren, um Ihr Pop-up-Anmeldeformular und die Anmeldebestätigung zu gestalten.
Die Pop-up-Formulare sollten einfach gehalten sein, um die Aufmerksamkeit Ihrer Besucher:innen zu erregen, und kurz, um sie zu einer schnellen Anmeldung zu bewegen, ohne dass sie zu viele Informationen über sich selbst preisgeben müssen. Um die Bestimmungen der DSGVO einzuhalten, wird dringend empfohlen, die DSGVO-Einwilligung, die DSGVO-Erklärung und Captcha zu verwenden.
Ihr Pop-up-Formular und Ihre Anmeldebestätigung gestalten
Klicken Sie auf Create design (Design erstellen), um mit der Gestaltung Ihres Pop-up-Anmeldeformulars zu beginnen.
Sie können Folgendes anpassen:
- das Formular;
- die Anmeldebestätigung, die angezeigt wird, sobald ein Kontakt das Formular abgeschickt hat; und
- das Design des Pop-up-Fensters und des Hintergrund-Overlays.
Formular
Klicken Sie auf die Registerkarte Form (Formular), um mit der Gestaltung Ihres Pop-up-Anmeldeformulars zu beginnen.
Erweitern Sie die folgenden Untermenüs, um mehr über die Blöcke zu erfahren, die Ihnen für die Gestaltung Ihres Formulars zur Verfügung stehen.
Der Text-Block ermöglicht es Ihnen, beschreibenden Text in Ihr Anmeldeformular aufzunehmen. Sie können eine ansprechende Einleitung hinzufügen und mehr Kontext zum Zweck des Formulars liefern. Wenn Sie auf einen Textblock klicken, erscheint eine obere Leiste. In dieser Leiste können Sie die Textformatierung (z.B. Stil, Schriftart, Größe, Farbe und Ausrichtung) ändern sowie Links einfügen.
Mit dem Block Input field (Eingabefeld) können Sie Felder in Ihr Anmeldeformular aufnehmen, um wichtige Informationen von Ihren neuen Abonnent:innen zu erfassen. Die verfügbaren Felder basieren auf den Kontaktattributen, die Sie in Brevo erstellt haben, wie E-Mail-Adressen, Namen, Telefonnummern und mehr.
Das Formular sollte mindestens ein Feld für E-Mail, SMS oder WhatsApp enthalten, damit Sie später mit Ihren Abonnent:innen kommunizieren können.
Für Kategorie- und Multiple-Choice-Attribute können Sie die Optionen in Ihrem Formular mit einer Schaltfläche oder einem Dropdown-Menü anzeigen. Sie können sie auch aufsteigend oder absteigend sortieren oder die ursprüngliche Reihenfolge beibehalten, die Sie beim Erstellen des Attributs festgelegt haben.
Das DSGVO-Opt-In ermöglicht es Abonnent:innen (in der DSGVO als betroffene Personen bezeichnet), über ein Kontrollkästchen die Zustimmung zum Erhalt Ihres Newsletters und zum Zugriff auf Ihre Datenschutzrichtlinie zu erteilen, die mit dem Formular verknüpft werden sollte. Sie können und sollten den Text entsprechend Ihren individuellen rechtlichen Anforderungen ändern.
➡️ Weitere Informationen darüber, wie Sie Ihr Anmeldeformular DSGVO-konform gestalten können, finden Sie in unserem speziellen Artikel Richtlinien für ein DSGVO-konformes Anmeldeformular.
Wenn Sie die Double-Opt-In-Bestätigungsmethode für Ihr Formular verwenden, empfehlen wir Ihnen, den Text für Ihre Zustimmung aus dem DSGVO-Feld zu Ihrem E-Mail-Template für die Double-Opt-In-Bestätigung hinzuzufügen. Nur so können Sie nachweisen, welchem Text Ihrer Zustimmung der/die Abonnent:in zugestimmt hat. Weitere Informationen finden Sie in unserem speziellen Artikel Double-Opt-In (DOI): Was ist das und wie verfolgt man Benutzeranmeldungen
Der Block der DSGVO-Erklärung informiert die Abonnent:innen (in der DSGVO als betroffene Personen bezeichnet) darüber, dass Sie Brevo als Marketing-Tool verwenden und dass die Daten, die sie im Formular angeben, an Brevo zur Verarbeitung in Übereinstimmung mit unserer Datenschutzrichtlinie übertragen werden. Sie können und sollten den Text entsprechend Ihren individuellen rechtlichen Anforderungen ändern.
➡️ Weitere Informationen darüber, wie Sie Ihr Anmeldeformular DSGVO-konform gestalten können, finden Sie in unserem speziellen Artikel Richtlinien für ein DSGVO-konformes Anmeldeformular.
Wir empfehlen dringend die Verwendung einer CAPTCHA-Bestätigung, um zu verhindern, dass Spambots gefälschte Daten zu Ihren Listen hinzufügen. Bei Brevo können Sie zwischen Google reCAPTCHA oder Cloudflare Turnstile CAPTCHA wählen.
➡️ Weitere Informationen finden Sie in unserem speziellen Artikel Hinzufügen eines CAPTCHA zu einem in Brevo erstellten Anmeldeformular.
Bestätigung der Anmeldung
Klicken Sie auf Sign-up confirmation (Anmeldebestätigung), um mit der Gestaltung der Nachricht zu beginnen, die Ihren Besucher:innen angezeigt wird, sobald sie Ihr Pop-up-Anmeldeformular abschicken. Diese Nachricht informiert sie darüber, dass die Anmeldung abgeschlossen ist und was sie als Nächstes von Ihnen erwarten können.
Erweitern Sie das folgende Untermenü, um mehr über den Block zu erfahren, der für die Gestaltung Ihrer Anmeldebestätigung zur Verfügung steht.
Der Text-Block ermöglicht es Ihnen, beschreibenden Text in Ihre Anmeldebestätigung aufzunehmen. Sie können eine ansprechende Anmeldebestätigungsnachricht hinzufügen und Ihre Besucher:innen wissen lassen, was sie als Nächstes von Ihnen erwarten können. Wenn Sie auf einen Textblock klicken, erscheint eine obere Leiste. In dieser Leiste können Sie die Textformatierung (z.B. Stil, Schriftart, Größe, Farbe und Ausrichtung) ändern sowie Links einfügen.
Popup-Fenster und Hintergrund-Overlay
Sie können das Aussehen Ihres Pop-ups auf Ihrer Website anpassen. Das Design wird sowohl auf das Formular als auch auf die Anmeldebestätigung angewendet. Klicken Sie auf jedes Element in der Vorschau, um es zu bearbeiten. Zusätzlich können Sie einzelne Bilder oben auf Ihrem Formular und Ihrer Anmeldebestätigung hinzufügen.
Erweitern Sie die folgenden Untermenüs, um mehr darüber zu erfahren, welche Pop-up-Elemente Sie anpassen können.
Klicken Sie in der Vorschau auf die Background overlay (Hintergrund-Overlay), um es anzupassen. Sie können eine Farbe und die Deckkraft für den Hintergrund auswählen, um Ihr Pop-up-Fenster hervorzuheben. |
Klicken Sie in der Vorschau auf das Pop-up-Fenster, um es anzupassen. Konfigurieren Sie das Design des Pop-up-Fensters, einschließlich Layout, Breite, Ausrichtung, Hintergrund, Deckkraft und anderer Einstellungen. Sie können auch zwischen Show image (Bild anzeigen) und Select image (Bild auswählen) wechseln, um ein Bild oben in Ihrem Formular oder in der Anmeldebestätigung einzufügen. Sie können Ihr Markenlogo oder ein beliebiges anderes Bild hinzufügen, um Ihr Formular optisch ansprechend zu gestalten und es für Besucher:innen attraktiver zu machen. 💡 Gut zu wissen
Sie können nur ein Bild oben einfügen, um Ihre Besucher:innen visuell nicht zu überlasten. |
Klicken Sie auf die Schaltfläche für das Senden in der Vorschau, um Ausrichtung, Farbe, Ränder und Ecken zu bearbeiten. |
Klicken Sie 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. |
Mobile Ansicht
Alle Formulare von Brevo sind standardmäßig reaktionsfähig. Sie können eine Vorschau anzeigen, wie Ihr Pop-up-Formular auf einem Mobilgerät aussehen wird, indem Sie oben im Editor zwischen der Ansicht für Desktop- und Mobilgeräte wechseln. Beachten Sie, dass Sie die mobile Ansicht nicht bearbeiten können. |
Wenn Sie mit dem Aussehen Ihres Pop-up-Formulars zufrieden sind, klicken Sie auf Save and exit (Speichern und schließen).
⚙️ Schritt 4: Konfigurieren Sie Ihr Pop-up-Formular
Erweitern Sie die folgenden Untermenüs, um die verfügbaren Optionen zur Konfiguration Ihres Pop-up-Formulars anzuzeigen.
-
Wählen Sie aus, wann Besucher:innen das Pop-up auf Ihrer Website sehen sollen.
- When the page loads (Wenn die Seite lädt)
Wählen Sie die Verzögerung in Sekunden aus. -
When the user is about to leave the page (Wenn der/die Benutzer:in die Seite verlassen will)
Das Pop-up-Formular erscheint, wenn der/die Benutzer:in die Seite verlassen will: wenn er/sie versucht, die Registerkarte der Seite zu schließen, eine neue URL einzugeben oder die Maus von der Seite wegbewegt.
- When the page loads (Wenn die Seite lädt)
- Wählen Sie aus, wie viele Besuche vergehen sollen, bevor das Pop-up-Fenster für eine Besucherin bzw. einen Besucher angezeigt wird.
- Wählen Sie aus, wie oft eine Besucherin bzw. ein Besucher dasselbe Pop-up-Formular sehen kann.
- (Optional) Wenn eine Besucherin bzw. ein Besucher dasselbe Pop-up-Formular mindestens zweimal sehen kann, wählen Sie die Verzögerung aus, bevor die betreffende Person dieses Pop-up-Formular erneut sieht.
- Klicken Sie auf Save (Speichern).
-
Wählen Sie die Seiten aus, auf denen Besucher:innen das Pop-up auf Ihrer Website sehen werden:
-
Show on all pages (Auf allen Seiten anzeigen)
Ihr Pop-up-Formular kann auf jeder Seite Ihrer Website erscheinen. - Show on these pages only (Nur auf diesen Seiten anzeigen)
Geben Sie die URL der Seiten ein, auf denen das Pop-up angezeigt werden soll. Sie können bis zu 20 URLs hinzufügen. - Show on all pages except these ones (Auf allen Seiten anzeigen außer diesen)
Geben Sie die URL der Seiten ein, auf denen das Pop-up-Fenster nicht angezeigt werden soll. Sie können bis zu 20 URLs hinzufügen.
-
Show on all pages (Auf allen Seiten anzeigen)
- Klicken Sie auf Save (Speichern).
-
Entscheiden Sie, ob Besucher:innen ihre Anmeldung bestätigen und eine E-Mail-Bestätigung erhalten sollen oder nicht:
-
[Empfohlen] (Double-Opt-In-BestätigungI
Mit der Option Double opt-in confirmation (Double-Opt-In-Bestätigung) durchlaufen Ihre Abonnent:innen einen Double-Opt-In-Prozess. Das bedeutet, dass sie nach dem Absenden Ihres Anmeldeformulars eine E-Mail mit einem Bestätigungslink (Double-Opt-In-E-Mail) erhalten. Sie müssen auf diesen Link klicken, um ihr Abonnement zu bestätigen und zu Ihrer Kontaktdatenbank in Brevo hinzugefügt zu werden. Andernfalls werden sie weder hinzugefügt noch angemeldet.
Das Double-Opt-In-Verfahren ist nützlich, um zu überprüfen, ob die E-Mail-Adresse gültig ist. Außerdem wird es zur Einhaltung der DSGVO empfohlen.
➡️ Weitere Informationen finden Sie in unserem speziellen Artikel Double-Opt-In (DOI): Was ist das und wie verfolgt man Benutzeranmeldungen.
- Klicken Sie auf die Dropdown-Liste Select a template (Template auswählen) und wählen Sie eine der folgenden Optionen:
- Wählen Sie das Default Template Double opt-in confirmation (Standard-Template Double-Opt-In Bestätigung). Sie können das Standardtemplate ändern, indem Sie zu Campaigns > Templates > Email (Kampagnen > Templates > E-Mail) gehen und in der Suchleiste nach „Default Template Double opt-in confirmation“ (Standardtemplate Double-Opt-In-Bestätigung) suchen.
- Sie können auch ein benutzerdefiniertes Template auswählen, das Sie bereits erstellt haben.
❗️ WichtigWenn Sie Ihr eigenes benutzerdefiniertes Template erstellen möchten, stellen Sie sicher, dass Sie den Anweisungen in unserem Artikel Ein benutzerdefiniertes Double-Opt-In (DOI)-Bestätigungs-Template für Brevo-Anmeldeformulare erstellen um Pflichtfelder einzubinden folgen. Andernfalls wird Ihr benutzerdefiniertes Template nicht in der Dropdown-Menü angezeigt.
- (Optional) Markieren Sie das Kästchen Send confirmation email (Bestätigungs-E-Mail versenden), wenn Sie möchten, dass Besucher:innen eine E-Mail zur Bestätigung ihrer Anmeldung erhalten, und wählen Sie das Template der Bestätigungs-E-Mail aus.
- Klicken Sie auf die Dropdown-Liste Select a template (Template auswählen) und wählen Sie eine der folgenden Optionen:
-
Einfache Opt-In-Bestätigung
Mit der Option Simple opt-in confirmation (Einfache Opt-In-Bestätigung) erhalten Ihre Kontakte eine E-Mail zur Bestätigung und werden direkt nach dem Absenden Ihres Anmeldeformulars zu Ihrer Kontaktdatenbank in Brevo hinzugefügt.
- Klicken Sie auf die Dropdown-Liste Select a template (Template auswählen) und wählen Sie eine der folgenden Optionen:
- Wählen Sie das Default Template Single opt-in confirmation (Standard-Template Einfache Bestätigung). Sie können das Standardtemplate ändern, indem Sie zu Campaigns > Templates > Email (Kampagnen > Templates > E-Mail) gehen und in der Suchleiste nach „Default Template Single opt-in confirmation“ (Standardtemplate Einfache Bestätigung) suchen.
- Oder wählen Sie ein Benutzerdefiniertes Template, das Sie bereits erstellt haben.
- Klicken Sie auf die Dropdown-Liste Select a template (Template auswählen) und wählen Sie eine der folgenden Optionen:
-
Keine Bestätigung
Mit der Option No confirmation (Keine Bestätigung) werden Ihre Abonnent:innen direkt nach dem Absenden Ihres Anmeldeformulars in Ihre Kontaktdatenbank in Brevo aufgenommen. Sie erhalten keine E-Mail zur Bestätigung ihres Abonnements.
-
[Empfohlen] (Double-Opt-In-BestätigungI
- Klicken Sie auf Save (Speichern).
- Wähle die Liste(n) aus, zu der/denen die Kontakte hinzugefügt werden sollen.
Wählen oder erstellen Sie die Liste(n), zu der/denen Sie Ihre Kontakte hinzufügen möchten, wenn sie das Formular absenden. - (Optional): Markieren Sie Block sign-ups with a disposable email address (Block-Anmeldungen mit einer Wegwerf-E-Mail-Adresse), um eine zusätzliche Schutzebene hinzuzufügen, die verhindert, dass sich gefälschte E-Mail-Adressen oder uninteressierte Kontakte anmelden.
- Klicken Sie auf Save (Speichern).
🚀 Schritt 5: Aktivieren Sie Ihr Pop-up-Formular
Nachdem Sie Ihr Pop-up-Formular entworfen und konfiguriert haben, klicken Sie zur Bestätigung auf Activate (Aktivieren) und dann auf Activate form (Formular aktivieren). Ihr Pop-up-Formular ist jetzt auf Ihrer Website verfügbar. 🎉
👀 Schritt 6: Sehen Sie, welche Kontakte sich über Ihr Anmeldeformular angemeldet haben
Sie können auf Informationen über Abonnent:innen zugreifen, die sich über Ihr Formular angemeldet haben. Erweitern Sie die folgenden Untermenüs, um zu erfahren, wo Sie Details zu Ihren übermittelten Anmeldeformularen einsehen können.
Um zu sehen, wie viele neue Kontakte sich über Ihr Formular angemeldet haben und wie oft das Formular abgeschickt wurde, gehen Sie zu Contacts > Forms (Kontakte > Formulare) und sehen Sie sich die Spalten New contacts (Neue Kontakte) und Submits (Einreichungen) an:
Sie können überprüfen, ob sich eine bestimmte Kontaktperson über Ihr Formular angemeldet hat, indem Sie den Verlauf auf der Detailseite der Person überprüfen:
Um die Ereignisse im Zusammenhang mit der Formularübermittlung anzuzeigen und herunterzuladen, gehen Sie zu Automations > Logs > Event logs (Automatisierungen > Logs > Ereignis-Logs) und wählen Sie Forms (Formulare) aus dem Dropdown-Menü All Events (Alle Ereignisse) aus. Klicken Sie dann auf das Download-Symbol 📥, um Ihre Ereignisse in einer .CSV-Datei herunterzuladen. Öffnen Sie nach dem Herunterladen die Datei und filtern Sie die Ereignisse nach dem Namen Ihres Anmeldeformulars.
Nachdem Sie eine doppelte Bestätigung in Ihr Anmeldeformular aufgenommen haben, wird Ihrer Kontakt-Datenbank in Brevo automatisch ein neues Kontakt-Attribut mit dem Namen DOUBLE_OPT-IN hinzugefügt.
Kontakte, die das Double-Opt-In-Verfahren durchlaufen haben, haben in diesem Feld den Wert Yes (Ja). Wenn der Kontakt mit einfacher oder ohne Bestätigung abonniert hat, ist der Wert dieses Feldes No (Nein). Wenn der Kontakt über eine andere Methode als ein Anmeldeformular hinzugefügt wurde, ist dieses Feld leer.
🤔 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 dem richtigen zertifizierten Brevo-Expertenpartner zusammenbringen.