---
title: "Webflow + Brevo Integration"
description: "Webflow nach Brevo ist ein Tajo-Pilotweg. Prüfe Formularzuordnung, Opt-in-Filter, Freigabe und einen autorisierten Live-Lauf."
url: https://tajo.io/de/docs/integrations/webflow-brevo/
markdown: https://tajo.io/de/docs/integrations/webflow-brevo.md
lang: de-DE
robots: noindex
---

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.

# Webflow + Brevo Integration

| Quellfeld | Zielfeld | Beispielwert |
| --- | --- | --- |
| `form.email` | `email` | `alex@example.com` |
| `form.firstName` | `FIRSTNAME` | `Alex` |
| `form.company` | `COMPANY` | `Example Co` |

## Webflow + Brevo

Tajo hat einen Webflow-Connector im Pilotstadium und eine vorgeschlagene Formular-zu-Kontakt-Regel. Offline-Tests decken die Zuordnung ab; frische Webflow-Installation und produktiver Sync sind hier nicht belegt. Alle folgenden UI-, Template- und MCP-Schritte sind implementiertes Design, das live geprüft werden muss. Ein abgesendetes Formular ist allein keine Einwilligung.

## Webflow verbinden

Wenn die Webflow-Verbindung in deinem Workspace verfügbar ist, autorisiere die Quelle unter **Connections > Connect a source** und prüfe die Verbindung vor einer Regel.

## Die Synchronisierung bauen

Wenn Connector, autorisierte Quelle und Einwilligungsweg verfügbar sind, kann der Regel-Builder diesen Ablauf nutzen. Prüfe Vorschau und kontrollierten Live-Lauf, bevor du dich auf den Sync verlässt.

1. Öffne in Tajo **Agents** und frag den **Brevo Integration Architect**, zum Beispiel: „Sende Newsletter-Anmeldungen von meiner Webflow-Website an Brevo.“
2. Der Agent untersucht den Webflow-Connector. Er sieht Feldnamen und Typen, nie die Werte der Einreichungen.
3. Er schlägt eine Regel mit Feldzuordnung und Einwilligungsfilter vor, validiert die Feldzuordnung, führt einen Probelauf des Entwurfs durch und speichert ihn dann.
4. **Request publish approval** führt eine Vorschau aus. Sie liest höchstens 10 Einreichungen, schreibt nichts nach Brevo und hält nur Zahlen fest.
5. Ein Mensch gibt genau diese Regel auf der Seite **Approvals** frei. Dann kann die Regel veröffentlicht werden.

Ein Template **Webflow form\_submissions -> Brevo contacts** ist im Code definiert. Wenn es im autorisierten Workspace angezeigt wird, findest du dort diese vorgeschlagene Zuordnung:

| Webflow-Formularfeld | Brevo |
| --- | --- |
| `email`, `Email` oder `e-mail` | `email` |
| `firstName`, `first_name` oder `First Name` | `FIRSTNAME` |
| `lastName`, `last_name` oder `Last Name` | `LASTNAME` |
| `phone` | `PHONE` |
| ID der Einreichung | `WEBFLOW_SUBMISSION_ID` |
| Website-ID | `WEBFLOW_SITE_ID` |
| Datum der Einreichung | `WEBFLOW_SUBMITTED_AT` |

Die Implementierung erkennt mögliche Feldnamen `marketingConsent`, `marketing_consent`, `optIn`, `opt_in`, `newsletter`, `subscribe` oder `Subscribe` sowie Werte wie `true`, `yes`, `on`, `1`, `checked` oder `subscribed`. Namen und Werte allein belegen keine Einwilligung. Prüfe Beschriftung, Zweck und nachweisbare Auswahl im tatsächlichen Formular. Unbekannte oder mehrdeutige Nachweise stoppen den Marketing-Sync; nutze Double Opt-in, wenn der Ablauf es verlangt.

Die konfigurierte Laufzeit prüft standardmäßig alle 15 Minuten auf neue Einreichungen. Änderungen setzen die Regel auf Entwurf zurück. Prüfe Zeitplan, Einwilligungsfilter und Zielschreibvorgänge in einem kontrollierten Live-Lauf.

## Webflow über MCP

Tajo definiert eine Webflow-MCP-Route unter `https://alto.tajo.io/mcp/connectors/webflow`. Der Code enthält Leseaktionen für Sites, Formulare, Einreichungen, CMS, Produkte und Bestellungen. Prüfe authentifizierten Host-Zugriff und die aktuellen Tools; MCP-Zugriff belegt keinen dauerhaften Webflow-Brevo-Sync.

```bash
claude mcp add --transport http tajo-webflow https://alto.tajo.io/mcp/connectors/webflow
```

## Selbst umsetzen

Webflow betreibt einen offiziellen MCP-Server unter `https://mcp.webflow.com/mcp`, mit OAuth. Füge ihn so zu Claude Code hinzu:

```bash
claude mcp add --transport http webflow https://mcp.webflow.com/mcp
```

Siehe die [MCP-Dokumentation](https://developers.webflow.com/mcp/reference/overview) von Webflow. Kombiniere ihn mit dem MCP-Server von Brevo, beschrieben unter [Brevo MCP Server](https://tajo.io/de/docs/mcp/brevo-mcp-server). Prüfe das Opt-in-Feld selbst, bevor du jemanden zu Brevo hinzufügst.

## Nächste Schritte

- [Shopify-Datensynchronisation verstehen](https://tajo.io/de/resources/help/getting-started/understanding-data-sync/), wie sich Sync-Regeln verhalten
- [HubSpot + Brevo](https://tajo.io/de/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/de/docs/integrations/shopify-brevo)