Webflow mit Brevo verbinden: Formulare synchronisieren, Einwilligung bewahren

Verbinde Webflow-Formulare mit Brevo. Prüfe Feldzuordnung, Double-Opt-in, doppelte Zustellungen und einen wiederholbaren Test, bevor du Marketing aktivierst.

Webflow mit Brevo verbinden

Was ist die kurze Antwort?

Für Newsletter-Anmeldungen: Binde ein Brevo-Formular mit doppelter Bestätigung ein. Bei nativen Webflow-Formularen: Nimm Einträge auf einem Server entgegen, ordne Felder ausdrücklich zu und halte neue Abonnent:innen bis zur Bestätigung zurück. Eine erneute Zustellung darf weder eine zweite Bestätigung auslösen noch eine spätere Abmeldung rückgängig machen. Teste diese Fälle vor dem Marketingstart.

Mehr erfahren
Auf dieser Seite

Schicke dieselbe Testanmeldung zweimal ab. Danach sollte es weiterhin nur ein Abonnement, eine Bestätigungsanfrage und einen nachvollziehbaren Verarbeitungsnachweis geben. Löst die zweite Zustellung noch einmal eine Willkommensserie aus, braucht die Verbindung Nacharbeit.

Eine brauchbare Verbindung von Webflow zu Brevo behandelt die zweite Zustellung ebenso sorgfältig wie die erste. Hier findest du eine Feldzuordnung, eine klare Grenze für die Bestätigung und einen kurzen Abnahmetest für einen Automatisierungsdienst oder dein eigenes Backend.

Wähle den kürzesten Weg

Dein BedarfAusgangspunktWas du prüfen solltest
Newsletter-AnmeldungBrevo-Formular einbettenDoppelte Bestätigung, Pflichtfelder und Zielliste
Einträge im nativen Webflow-FormularWebflow-Formular behalten und einen Automatisierungsdienst verbindenFeldzuordnung, Bestätigung und Verhalten bei erneuter Zustellung
Eigene Weiterleitung oder kontrollierte WiederherstellungWebflow-Ereignisse im eigenen Backend empfangenAuthentifizierung, ausstehender Status, Deduplizierung und Fehlerprotokoll

Der Formular-Editor von Brevo unterstützt die doppelte Bestätigung. Neue Abonnent:innen müssen erst auf den Link in der E-Mail klicken, bevor sie in die Kontaktdatenbank aufgenommen werden. Für einen reinen Newsletter ist das ein guter Ausgangspunkt.

„Unser Formular ist bereits in Webflow gestaltet.“ Behalte es, wenn sein Layout oder seine Einträge wichtig sind. Webflows Integrationsanleitung beschreibt Wege über Automatisierung und API. Prüfe vor einer Änderung, was eine eigene Formularaktion bewirkt: Wenn sie Webflows Verarbeitung umgeht, ändern sich auch die Speicherorte der Einträge.

Lege die Bedeutung jedes Feldes fest

Nutze ein eigenes Newsletter-Formular oder bei einer allgemeinen Anfrage ein separates, nicht vorausgewähltes Kästchen für Marketing. Wer um eine Antwort des Vertriebsteams bittet, meldet sich damit nicht stillschweigend zum Newsletter an.

Diese Beispielzuordnung gilt für einen geschäftlichen Newsletter. Vorname und geschäftliche E-Mail sind Pflichtfelder dieses konkreten Formulars, keine allgemeinen Vorgaben von Webflow oder Brevo.

QuellfeldZielRegel
Geschäftliche E-MailE-Mail des KontaktsErforderlich; auf dem Server prüfen
VornameAttribut FIRSTNAMEErforderlich; Leerzeichen am Rand entfernen
UnternehmenAttribut COMPANYOptional; einen gespeicherten Wert nicht durch eine leere Eingabe löschen
Marketing-EntscheidungEinwilligungsnachweisNur eindeutige Werte anerkennen; bei unbekanntem Wert stoppen
Eintrags-IDVerarbeitungsprotokollDieselbe Zustellung wiedererkennen
Eintragszeit und Formular-IDVerarbeitungsprotokollGenug Kontext für die Herkunft aufbewahren

Lege passende Brevo-Attribute mit den richtigen Datentypen an, bevor du Daten sendest. Die Brevo-Kontakt-API akzeptiert ein Attributobjekt und kann mit updateEnabled einen vorhandenen Kontakt aktualisieren. Die Übertragung der Felder erteilt noch keine Erlaubnis für Marketingnachrichten.

Wenn dein Formular nur geschäftliche Adressen zulässt, setze diese Regel auch auf dem Server durch. Eine Unternehmensdomain beweist weder eine Einwilligung noch, dass das Postfach einer echten Kundin oder einem echten Kunden gehört.

Bestätige vor der Aufnahme in die Zielgruppe

Für neue Abonnent:innen gilt diese Reihenfolge:

  1. Formular und ausdrückliche Marketing-Entscheidung prüfen.
  2. Anfrage mit Herkunft und Eintrags-ID als ausstehend speichern.
  3. Genau eine Double-Opt-in-Anfrage starten.
  4. Bestätigung über das gewählte System entgegennehmen.
  5. Bestätigten Kontakt in die Marketing-Zielgruppe aufnehmen.

Brevo bietet den eigenen Double-Opt-in-API-Endpunkt POST /v3/contacts/doubleOptinConfirmation mit Vorlage, Ziellisten und Weiterleitungs-URL. Ein gewöhnlicher Aufruf an POST /v3/contacts ist etwas anderes. Lege den Kontakt nicht vorher separat an, wenn die Bestätigung vor der Kontaktanlage erfolgen soll.

Bestimme ein einziges System für die Bestätigung. Brevo-Formular, zusätzliche Automatisierung und ein eigener Bestätigungsversand für denselben Eintrag können doppelte Nachrichten erzeugen. Auch eine erfolgreiche API-Antwort beweist noch nicht, dass die Person den Link angeklickt hat.

Mehr zur Gestaltung des Abonnements steht in unserem Double-Opt-in-Leitfaden. Teste eine bereits abgemeldete Adresse getrennt von einer neuen.

Empfange Ereignisse auf einem Server

Der Brevo-API-Schlüssel gehört nicht in den Webflow-Seitencode. Speichere ihn im empfangenden Backend oder im Zugangsspeicher deines Automatisierungsdienstes.

Webflow dokumentiert den Webhook form_submission samt übertragenen Feldern, Formularidentität und Eintragszeit. Prüfe den Webhook entsprechend der Art, wie du ihn erstellt hast. Laut Webflow enthalten im Dashboard angelegte Webhooks nicht die Signatur-Header des signierten Integrationswegs.

Speichere eine gültige Zustellung dauerhaft, bevor du sie bestätigst. Ist das Ziel nicht erreichbar, wiederhole die gespeicherte Arbeit. Unterscheide „empfangen“, „Bestätigung ausstehend“, „synchronisiert“, „übersprungen“ und „fehlgeschlagen“. Ein angenommener Webhook ist noch keine abgeschlossene Synchronisierung.

Bewahre eine spätere Abmeldung

Eine alte Anmeldung darf bei erneuter Verarbeitung eine neuere Abmeldung nicht überschreiben. Vergleiche Ereigniszeit und aktuellen verbindlichen Abonnementstatus, bevor du das Ziel aktualisierst. Ein fehlendes Kästchen oder ein unbekannter Wert ist keine Einwilligung. Ein neuer Formulareintrag allein darf eine abgemeldete Person weder entsperren noch erneut anmelden; Brevo behandelt die Sperrliste als eigenen Abonnementstatus.

Auch Änderungen der Identität brauchen besondere Sorgfalt. Brevos Aktualisierungsdokumentation warnt: Eine neue E-Mail-Adresse bei einem gesperrten Kontakt kann die Sperre aufheben und ihn erneut abonnieren. Prüfe einen Adresswechsel daher als eigenen Vorgang, nicht als gewöhnliche Feldzuordnung.

Bei einem derzeit abonnierten Kontakt kann die Aktualisierung des passenden Datensatzes einen zweiten Kontakt vermeiden. Dedupliziere trotzdem das Ereignis selbst: Auch ein einziger Kontakt kann zwei Nachrichten erhalten.

Führe diese sechs Abnahmetests aus

TestErwartetes Ergebnis
Neue gültige AnmeldungBis zur Bestätigung ausstehend; vorher kein Marketing
Derselbe Eintrag zweimal zugestelltEin Verarbeitungsergebnis; keine zweite Bestätigung
Marketing-Entscheidung fehlt oder ist mehrdeutigKein Abonnement wird angenommen
Alte Anmeldung nach einer Abmeldung erneut verarbeitetDie spätere Abmeldung bleibt wirksam
Brevo vorübergehend nicht erreichbarSichtbarer, wiederholbarer Fehler; kein falscher Erfolg
Unternehmen bei späterer Eingabe ausgelassenBestehender Wert bleibt, sofern er nicht ausdrücklich gelöscht werden soll

Nutze dafür eine getrennte Testliste und Adressen, die du kontrollierst. Prüfe beide Systeme und die tatsächlich eingegangenen Nachrichten. Ein grüner Automatisierungsschritt allein reicht nicht.

Wo Tajo passt

Tajo ist im Early Access. Bring Quellformular, Zielliste, Feldzuordnung und die sechs erwarteten Ergebnisse zur Prüfung deiner Integration mit. Bestätige vor der Aktivierung, dass der gewählte Ablauf sie erfüllt.

Der Brevo-Connector-Leitfaden vergleicht native Formulare, Automatisierungsdienste und eigenen Code.

Für einen Shop statt eines Website-Formulars nutze den Leitfaden für Shopify und Brevo. Bei einer eigenen Implementierung gibt dir der Brevo-API-Leitfaden weiteren Kontext.

Sag uns, welche Systeme du verbinden möchtest. Beginne mit einem Formular, das eine erneute Zustellung verträgt.

Häufig gestellte Fragen

Wie verbinde ich Webflow am einfachsten mit Brevo?

Für einen Newsletter binde ein Brevo-Anmeldeformular ein und aktiviere die doppelte Bestätigung. Wenn du die Einträge des nativen Webflow-Formulars oder eine eigene Weiterleitung brauchst, behalte es und nutze einen Automatisierungsdienst oder eine serverseitige Integration.

Bestätigt das Anlegen eines Brevo-Kontakts bereits das Abonnement?

Nein. Ein gewöhnlicher API-Aufruf zum Anlegen oder Aktualisieren eines Kontakts schließt das Double-Opt-in nicht ab. Verwende einen Bestätigungsablauf und nimm neue Abonnent:innen erst nach ihrer Bestätigung in die Marketing-Zielgruppe auf.

Wie verhindere ich doppelte Kontakte bei Wiederholungen?

Speichere die Webflow-Eintrags-ID und das Verarbeitungsergebnis. Derselbe Eintrag darf bei erneuter Zustellung keine weiteren Aktionen auslösen. Aktualisiere bei einem bereits bestätigten Kontakt den passenden Datensatz, statt eine zweite Identität anzulegen.

Beantrage frühzeitigen Zugang

Gib deinen Vornamen und deine geschäftliche E-Mail-Adresse ein. Wir senden dir einen Link, mit dem du deine Anfrage für den Tajo-Zugang bestätigst.

Brevo erhalten