Anmeldeformulare sind ein wesentlicher Bestandteil jeder Online-Marketingstrategie. Um Ihre Kontaktdatenbank zu vergrößern, brauchen Sie ein ansprechendes Formular an den richtigen Stellen. Die Personen, die sich über Ihre Anmeldeformulare anmelden, haben Ihre Inhalte gelesen, mochten, was sie gesehen haben, und wollen mehr davon. Sie haben sich aktiv dazu entschlossen, Ihrer Kontaktliste beizutreten und zeigen damit Engagement und Interesse an dem, was Sie zu sagen haben. Dies sind die Kontakte, die interessant für Sie sind.
Gut zu wissen
- Dieser Artikel erklärt, wie Sie ein Double-Opt-In Anmeldeformular in Brevo erstellen können. Sie können Ihre Bestätigungsmethode in Schritt 4: Verwaltung Ihrer Einstellungen zur Abonnementbestätigung auswählen.
- Die in Brevo erstellten Anmeldeformulare sind statische Formulare. Sie können jedoch mit unserer eNotify-Integration Popup-Formulare auf Ihrer Website erstellen und hinzufügen.
➡️ Um mehr zu erfahren, lesen Sie unseren Artikel Erstellung von Popup-Formularen zur Erfassung der Kontaktdaten auf Ihrer Website mit eNotify.
Um mit den Anmeldeformularen von Brevo zu beginnen, sehen Sie sich unser Video unten an ⬇️.
Schritt 1: Ihr Anmeldeformular erstellen
- Wechseln Sie zu Contacts (Kontakte) > Forms (Formulare).
- Klicken Sie auf der Registerkarte Subscription (Anmeldung) auf Create a new subscription form (Ein neues Anmeldeformular erstellen).
- Vergeben Sie für Ihr Formular einen internen Namen.
- Aktivieren Sie die Option Enable GDPR fields (DSGVO-Felder aktivieren), um automatisch die Blöcke GDPR field (DSGVO-Feld) und GDPR Declaration (DSGVO-Erklärung) in Ihr Formular aufzunehmen. Diese Blöcke sind wichtig, um sicherzustellen, dass Ihre E-Mail- und SMS-Marketingpraktiken mit der DSGVO übereinstimmen.
- Klicken Sie auf Next (Weiter).
Schritt 2: Ihr Anmeldeformular entwerfen
In der Formularerstellung finden Sie ein vordefiniertes Formular, das Sie an Ihre Bedürfnisse anpassen können.
Auf der linken Seite des Builders finden Sie zwei Registerkarten: die Registerkarte Built (Erstellen), auf der Sie Blöcke und Felder finden können, und die Registerkarte Form design (Formularentwurf), auf der Sie Designelemente finden können:
Auf der Registerkarte Build (Erstellen) finden Sie die Blöcke und Felder, die Sie per Drag & Drop zur Gestaltung Ihres Anmeldeformulars verwenden können.
Wir führen Sie im Folgenden durch die einzelnen Felder, aber Sie können sie frei auswählen - Sie müssen sie nicht alle in Ihrem Formular verwenden (mit Ausnahme des DSGVO-Feldes, der DSGVO-Erklärung und des Captcha, die wir Ihnen dringend empfehlen).
Der Titel-Block ermöglicht es Ihnen, Titel in Ihr Anmeldeformular einzufügen. Wir empfehlen Ihnen, am Anfang Ihres Anmeldeformulars einen auffälligen Titel einzufügen, der Auskunft über den Zweck des Formulars gibt.
Der Text-Block ermöglicht es Ihnen, beschreibenden Text in Ihr Anmeldeformular einzufügen. Sie können eine ansprechende Einleitung hinzufügen und mehr Kontext zum Zweck des Formulars liefern.
| Mit dem Bild-Block können Sie Bilder in Ihr Anmeldeformular einfü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. |
Mit dem Trennlinien-Block können Sie eine horizontale Trennlinie in Ihr Anmeldeformular einfügen. Mit Hilfe von Trennlinien können Sie die verschiedenen Abschnitte Ihres Anmeldeformulars optisch gliedern und so die Navigation erleichtern.
Der Attribut-Block ermöglicht es Ihnen, Felder in Ihr Anmeldeformular einzufügen, 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.
Der Block Multi-Select-Abonnements (Abonnements mit Mehrfachauswahl) ermöglicht es Ihren neuen Abonnent:innen, bei der Anmeldung ihre Interessen oder Vorlieben auszuwählen und fügt sie den entsprechenden Listen hinzu.
➡️ Um mehr darüber zu erfahren, lesen Sie unseren Artikel Ermöglichen Sie Ihren Kontakten, sich über ein Formular bei bestimmten Listen an- oder abzumelden (Abonnements mit Mehrfachauswahl).
Der Einzelauswahl-Block ermöglicht es Abonnent:innen, eine Option aus mehreren verfügbaren Optionen auszuwählen. Bevor Sie diesen Block zu Ihrem Anmeldeformular hinzufügen, müssen Sie zunächst ein Kategorietyp-Attribut mit mehreren Auswahlmöglichkeiten erstellen.
Diese Auswahlmöglichkeiten können dann in Ihrem Formular über eine Optionsschaltfläche oder ein Dropdown-Menü angezeigt werden. Sie könnten ihnen zum Beispiel die Möglichkeit geben, die Häufigkeit oder die Sprache des Newsletters zu wählen, den sie erhalten möchten.
Der Mehrfachauswahl-Block ermöglicht es Abonnent:innen, eine oder mehrere Optionen aus mehreren verfügbaren Optionen auszuwählen. Bevor Sie diesen Block zu Ihrem Anmeldeformular hinzufügen, müssen Sie zunächst ein Mehrfachauswahl-Attribut mit mehreren Auswahlmöglichkeiten erstellen.
Sie könnten ihnen zum Beispiel die Möglichkeit geben, die Sportarten, die sie betreiben, oder die Sprachen, die sie sprechen, auszuwählen.
Das DSGVO-Feld 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.
➡️ Wenn Sie mehr darüber erfahren möchten, wie Sie Ihr Anmeldeformular DSGVO-konform gestalten, überprüfen Sie unseren Artikel Richtlinien für ein DSGVO-konformes Anmeldeformular.
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.
➡️ Wenn Sie mehr darüber erfahren möchten, wie Sie Ihr Anmeldeformular DSGVO-konform gestalten, überprüfen Sie unseren 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.
➡️ Um mehr zu erfahren, lesen Sie unseren Artikel Hinzufügen eines CAPTCHA zu Ihrem Anmeldeformular.
Auf der Registerkarte Form design (Formularentwurf) können Sie das Design, die Farben und die Schriftarten Ihres Anmeldeformulars ändern:
|
Ändern Sie die Formatierung (Schriftart, Farbe, Größe, Ausrichtung usw.) der Titel, Texte, Beschriftungen, Hilfetexte, Platzhalter und Links in Ihrem Anmeldeformular. 💡 Gut zu wissen
Um eine benutzerdefinierte Schriftart zu verwenden, können Sie den HTML-Code Ihres Formulars ändern. |
| Wählen Sie die Schreibrichtung für Ihr Anmeldeformular: von links nach rechts (Standard) oder von rechts nach links. |
| Wählen Sie eine Hintergrundfarbe, ein Hintergrundbild oder keinen Hintergrund für Ihr Anmeldeformular. |
| Konfigurieren Sie das Design des Bereichs, der alle Felder in Ihrem Anmeldeformular enthält, einschließlich Layout, Breite, Ausrichtung, Hintergrund, Deckkraft und anderer Einstellungen. |
| Wählen Sie die Farbe, die Ausrichtung, die Schriftart, die Form und andere Einstellungen für die Schaltfläche Abonnement anmelden. |
| Sehen Sie sich die beiden Arten von Warnmeldungen an, die für Ihr Formular verfügbar sind, und passen Sie sie an: Fehlerstatus und Erfolg. Sie können dann deren Inhalt im Schritt Nachrichten ändern. |
| Wählen Sie zwischen drei Arten von Abständen für die Elemente in Ihrem Anmeldeformular: eng, Standard oder mit Abstand. |
Mobile Ansicht
|
Alle Formulare von Brevo sind standardmäßig reaktionsfähig. Sie können eine Vorschau darauf sehen, wie Ihr Anmeldeformular auf einem mobilen Gerät aussehen wird, indem Sie oben im Editor die Ansicht von Desktop auf mobil umschalten. Beachten Sie, dass Sie die mobile Ansicht nicht bearbeiten können. |
Schritt 3: Wählen Sie die Liste(n), in die Ihre Abonnent:innen aufgenommen werden sollen.
Wählen Sie die Liste(n) aus, in die Ihre neuen Abonnent:innen automatisch aufgenommen werden sollen, nachdem sie Ihr Formular abgeschickt haben. Sie können entweder eine bestehende Liste auswählen oder eine neue Liste erstellen.
Schritt 4: Ihre Einstellungen zur Abonnementbestätigung verwalten
Wählen Sie die Option zur Abonnementbestätigung
Sie haben drei Möglichkeiten, Ihre Abonnementbestätigungen zu verwalten:
Mit der Option Doppelte Bestätigung durchlaufen Ihre Abonnenten einen doppelten 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 abonniert.
Das Double-Opt-In-Verfahren ist nützlich, um zu überprüfen, ob die E-Mail-Adresse gültig ist und zur Einhaltung der DSGVO empfohlen wird.
➡️ Um mehr zu erfahren, lesen Sie unseren Artikel Warum ein Double-Opt-In Anmeldeformular verwenden? .
Fügen Sie eine doppelte Bestätigung zu Ihrem Formular hinzu
- Wählen Sie im Schritt Settings (Einstellungen) die Option Double confirmation email (Doppelte Bestätigungs-E-Mail).
- 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 Standard-Template unter Campaigns > Templates > Email templates (Kampagnen > Templates > E-Mail Templates). ändern.
- Oder wählen Sie ein Benutzerdefiniertes Template, das Sie bereits erstellt haben.
❗️ WichtigWenn Sie Ihr eigenes benutzerdefiniertes Template erstellen möchten, stellen Sie sicher, dass Sie den Anweisungen in unserem Artikel Erstellen eines benutzerdefinierten Double Opt-In (DOI) Bestätigungs-Templates für Brevo Anmeldeformulare, um Pflichtfelder einzubinden folgen. Andernfalls wird Ihr benutzerdefiniertes Template nicht in der Dropdown-Liste angezeigt.
- Optional: Konfigurieren Sie zusätzliche Einstellungen für Ihre doppelte Bestätigung:
Bestätigungsseite nach Absenden des FormularsAktivieren Sie diese Option, um Ihre Abonnent:innen nach dem Absenden des Formulars auf eine bestimmte Seite umzuleiten, z.B. eine Bestätigungsseite oder die Startseite Ihrer Website. Sie können unsere Standard-Bestätigungsseite verwenden oder eine eigene Seite erstellen und diese verlinken.
Bestätigungsseite nach Anklicken des Bestätigungslinks in der E-MailAktivieren Sie diese Option, um Abonnenten auf eine bestimmte Seite umzuleiten, z.B. eine Bestätigungsseite oder Ihre Website-Homepage, nachdem sie auf den Bestätigungslink für das Abonnement in der Double-Opt-In-E-Mail geklickt haben, die sie nach dem Absenden Ihres Formulars erhalten haben. Sie können unsere Standard-Bestätigungsseite verwenden oder eine eigene Seite erstellen und diese verlinken.
Endgültige Bestätigungs-E-MailAktivieren Sie diese Option, damit die Abonnent:innen eine abschließende Bestätigungs-E-Mail erhalten, nachdem sie den Double-Opt-In-Prozess abgeschlossen haben. Das Standard-Template für die abschließende Bestätigungs-E-Mail heißt Default template - Final Confirmation (Standard Template - Final Confirmation). Sie können es unter Campaigns > Templates > Email templates (Kampagnen > Templates > E-Mail Templates) ändern.
💡 Gut zu wissenDie Standard-Bestätigungsseiten können nicht aktualisiert werden, passen sich aber an die Sprache des Browsers Ihres Abonnent:innen an.
Woher weiß ich, welche Kontakte das Double-Opt-In-Verfahren durchlaufen haben?
Nachdem Sie in Ihr Anmeldeformular eine doppelte Bestätigung aufgenommen haben, wird Ihrer Kontaktdatenbank in Brevo automatisch ein neues Kontaktattribut namens 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.
Mit der Option Einfache Bestätigung erhalten Ihre Kontakte eine Bestätigungs-E-Mail und werden direkt nach dem Absenden Ihres Anmeldeformulars zu Ihrer Kontaktdatenbank in Brevo hinzugefügt.
Fügen Sie eine einfache Bestätigung zu Ihrem Formular hinzu
- Im Schritt Settings (Einstellungen) wählen Sie Simple confirmation email (Einfache Bestätigungs-E-Mail).
- Klicken Sie auf das Dropdown-Menü Select a template (Ein Template auswählen und wählen Sie eine der folgenden Optionen:
- Wählen Sie die Default Template Simple confirmation (Standard-Template Einfache Bestätigung). Sie können das Standard-Template unter Campaigns > Templates > Email templates (Kampagnen > Templates > E-Mail Templates). ändern.
- Oder wählen Sie ein benutzerdefiniertes Template), das Sie bereits erstellt haben.
- Optional: Aktivieren Sie die Option Confirmation page after submitting the form (Bestätigungsseite nach dem Absenden des Formulars), um Ihre Abonnent:innen nach dem Absenden des Formulars auf eine bestimmte Seite umzuleiten, z.B. eine Bestätigungsseite oder die Startseite Ihrer Website. Sie können unsere Standard-Bestätigungsseite verwenden oder eine eigene Seite erstellen und diese verlinken.
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.
Keine Bestätigung zu Ihrem Formular hinzufügen
- Im Schritt Settings (Einstellungen) wählen Sie No confirmation email (Keine Bestätigungs-E-Mail).
- Optional: Aktivieren Sie die Option Confirmation page after submitting the form (Bestätigungsseite nach dem Absenden des Formulars) , um Ihre Abonnent:innen nach dem Absenden des Formulars auf eine bestimmte Seite umzuleiten, z. B. eine Bestätigungsseite oder die Startseite Ihrer Website. Sie können unsere Standard-Bestätigungsseite verwenden oder eine eigene Seite erstellen und diese verlinken.
💡 Gut zu wissenWenn Sie diese Option nicht aktivieren, wird eine Erfolgsmeldung am oberen Rand Ihres Anmeldeformulars angezeigt, ohne dass die Seite verändert wird. Sie können ihren Inhalt im Schritt Nachrichten ändern.
Optional: Konfiguration der erweiterten Einstellungen für Ihr Anmeldeformular
Um die erweiterten Einstellungen Ihres Anmeldeformulars zu konfigurieren, klicken Sie auf Show advanced settings (Erweiterte Einstellungen anzeigen):
Aktivieren Sie diese Option, um temporäre E-Mail-Adressen abzulehnen, die mit Wegwerf-E-Mail-Adressdiensten wie Yopmail, MyTrashMail usw. erstellt wurden. Wegwerf-E-Mail-Adressen neigen dazu, nach einiger Zeit zu bouncen und wirken sich negativ auf Ihre Zustellbarkeit aus.
Aktivieren Sie diese Option, um Ihr Anmeldeformular auszublenden, nachdem es abgeschickt worden ist. Wenn Sie diese Option nicht aktivieren, wird Ihr Formular für Ihre Abonnent:innen auch dann noch im Eingabemodus angezeigt, wenn sie es erfolgreich ausgefüllt und abgeschickt haben.
Schritt 5: Die Erfolgs- und Fehlermeldungen konfigurieren
Konfigurieren Sie die Erfolgs- und Fehlermeldungen, die angezeigt werden, wenn Ihre Abonnent:innen Ihr Anmeldeformular abschicken:
- Erfolgsmeldung: Der Kontakt hat das Formular erfolgreich abgeschickt.
- Ungültige Benutzerinformationen: Der Kontakt hat ungültige Informationen in das Formular eingegeben.
- Fehlermeldung: Beim Versuch, das Formular zu verarbeiten, ist ein Fehler aufgetreten.
- Leeres Feld: Ein erforderliches Feld wurde vom Kontakt nicht ausgefüllt.
Schritt 6: Ihr Anmeldeformular freigeben
Sie können jetzt Ihr Anmeldeformular über Social Media, E-Mail, QR-Code oder Website weitergeben. Für Tipps, wo Sie Ihr Anmeldeformular platzieren können, sehen Sie sich unser Video an oder verwenden Sie die nachstehenden Aufklappmenüs ⬇️:
Kopieren Sie die URL Ihres Anmeldeformulars und teilen Sie sie in Social Media oder per E-Mail. Wenn jemand auf den Link klickt, wird er auf eine Webseite weitergeleitet, die Ihr Formular enthält.
➡️ Um zu erfahren, wie Sie einen Link in eine mit dem Drag & Drop-Editor erstellte E-Mail einfügen können, sehen Sie sich unseren Artikel Drag & Drop-Editor - Teil 3: Wie verwende ich Inhaltsblöcke? (Text & Links, Bild, Schaltfläche, etc.) an.
Laden Sie den QR-Code Ihres Anmeldeformulars als PNG-Datei herunter und verteilen Sie ihn an physischen Orten, an denen Sie geschäftlich aktiv sind, z.B. in einem Shop oder bei einer Veranstaltung. Sie könnten es zum Beispiel auf Visitenkarten drucken oder auf einem Tablet anzeigen. Besucher, die den QR-Code mit ihren mobilen Geräten scannen, werden direkt zur mobilen Ansicht des Formulars weitergeleitet.
Kopieren Sie den Einbettungscode Ihres Anmeldeformulars und fügen Sie ihn auf Ihrer Website ein. Es gibt drei Arten von Code, die Sie kopieren können:
- [Empfohlen] Iframe: Dieser einfach zu integrierende Code ermöglicht es Ihnen, das Formular in eine Seite Ihrer Website einzubetten. Sie können die Höhe und Breite des Blocks ändern.
- HTML: Der HTML-Code ist viel besser anpassbar, mit Ajax-Animation für Nachrichten.
-
Einfaches HTML: Eine vereinfachte Version des HTML-Formularcodes, bei der kein JavaScript aufgerufen werden muss.
💡 Gut zu wissenElemente, die den Aufruf von JavaScript erfordern, wie CAPTCHA, Standardbestätigungsseiten sowie Erfolgs- und Fehlermeldungen, können nicht in den einfachen HTML-Code aufgenommen werden.
Viele Plattformen von Drittanbietern zur Erstellung von Websites ermöglichen Ihnen die Integration von Anmeldeformularen von Brevo. Eine genaue Anleitung, wie Sie ein Anmeldeformular in Ihre Website einbinden, können Sie in den folgenden Hilfeartikeln überprüfen:
Wir empfehlen Ihnen, das Help Center Ihres Website-Anbieters zu überprüfen oder sich an dessen Support-Team zu wenden, wenn er nicht in der obigen Liste aufgeführt ist.
Schritt 7: Ihr Anmeldeformular speichern
Und das war's! Klicken Sie nun auf Done (Erledigt) am Ende des Schritts Share (Freigeben), um sicherzustellen, dass Ihr Anmeldeformular gespeichert wird.
Wenn jemand Ihr Anmeldeformular abschickt, wird die betreffende Person in Brevo zu Ihrer Kontaktdatenbank hinzugefügt (es sei denn, sie durchläuft einen Double Opt-In Prozess, für den sie zuerst auf den Link in Ihrer Bestätigungs-E-Mail klicken muss).
Schritt 8: Ansehen, welche Kontakte sich über Ihr Anmeldeformular angemeldet haben
Sie können auf Informationen über die Abonnent:innen zugreifen, die über Ihr Anmeldeformular generiert wurden:
Um zu sehen, wie viele Kontakte sich über Ihr Formular angemeldet haben, gehen Sie zu Contacts (Kontakte) > Forms (Formulare) und sehen Sie sich die Spalte Number of subscriptions (Anzahl der Abonnements) an:
Um zu überprüfen, ob sich ein bestimmter Kontakt über Ihr Formular angemeldet hat, können Sie den Verlauf auf der Detailseite überprüfen:
Um die Ereignisse im Zusammenhang mit der Übermittlung von Formularen anzuzeigen und herunterzuladen, gehen Sie zu Automations (Automatisierungen) > Logs (Protokolle) > Event logs (Ereignis-Logs) und wählen Sie Forms (Formulare) aus der Dropdown-Liste All Events (Alle Ereignisse). Klicken Sie dann auf das Download-Symbol 📥, um Ihre Ereignisse in einer .CSV-Datei herunterzuladen. Nach dem Download öffnen Sie die Datei und filtern die Ereignisse nach dem Namen Ihres Anmeldeformulars.
🤔 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.