---
title: "Intégration Webflow + Brevo"
description: "Webflow vers Brevo est un parcours pilote Tajo. Vérifiez le mapping, l’opt-in, l’approbation et une exécution réelle autorisée."
url: https://tajo.io/fr/docs/integrations/webflow-brevo/
markdown: https://tajo.io/fr/docs/integrations/webflow-brevo.md
lang: fr-FR
robots: noindex
---

Demandez un accès anticipé

Indiquez votre prénom et votre adresse e-mail professionnelle. Nous vous enverrons un lien pour confirmer votre demande d’accès à Tajo.

# Intégration Webflow + Brevo

| Champ source | Champ de destination | Valeur d’exemple |
| --- | --- | --- |
| `form.email` | `email` | `alex@example.com` |
| `form.firstName` | `FIRSTNAME` | `Alex` |
| `form.company` | `COMPANY` | `Example Co` |

## Webflow + Brevo

Tajo possède un connecteur Webflow pilote et une règle proposée des formulaires vers les contacts. Les tests hors ligne couvrent le mapping, mais installation récente et sync en production ne sont pas prouvés ici. Les étapes UI, modèles et MCP ci-dessous décrivent une conception implémentée à vérifier en conditions réelles. Envoyer un formulaire ne constitue pas un consentement à lui seul.

## Connecter Webflow

Si la connexion Webflow est disponible dans votre espace, autorisez la source sous **Connections > Connect a source**, puis vérifiez cette connexion avant la règle.

## Construire la synchronisation

Si le connecteur, la connexion autorisée et le parcours de consentement sont disponibles, le constructeur peut suivre ces étapes. Vérifiez aperçu et exécution réelle contrôlée avant d’en dépendre.

1. Dans Tajo, ouvrez **Agents** et demandez au **Brevo Integration Architect**, par exemple : « Envoie à Brevo les inscriptions à la newsletter de mon site Webflow. »
2. L’agent inspecte le connecteur Webflow. Il voit les noms et les types de champs, jamais les valeurs des soumissions.
3. Il propose une règle avec un mapping des champs et le filtre de consentement, valide le mapping des champs et exécute le brouillon à blanc, puis l’enregistre.
4. **Request publish approval** lance un aperçu. Il lit au plus 10 soumissions, n’écrit rien dans Brevo et n’enregistre que des décomptes.
5. Une personne approuve la règle exacte sur la page **Approvals**. La règle peut alors être publiée.

Un modèle **Webflow form\_submissions -> Brevo contacts** est défini dans le code. S’il est exposé dans votre espace autorisé, voici le mapping proposé :

| Champ du formulaire Webflow | Brevo |
| --- | --- |
| `email`, `Email` ou `e-mail` | `email` |
| `firstName`, `first_name` ou `First Name` | `FIRSTNAME` |
| `lastName`, `last_name` ou `Last Name` | `LASTNAME` |
| `phone` | `PHONE` |
| ID de la soumission | `WEBFLOW_SUBMISSION_ID` |
| ID du site | `WEBFLOW_SITE_ID` |
| date de la soumission | `WEBFLOW_SUBMITTED_AT` |

Le code reconnaît des champs possibles nommés `marketingConsent`, `marketing_consent`, `optIn`, `opt_in`, `newsletter`, `subscribe` ou `Subscribe` et des valeurs comme `true`, `yes`, `on`, `1`, `checked` ou `subscribed`. Ces noms et valeurs ne prouvent pas le consentement. Vérifiez libellé, finalité et choix enregistré dans le vrai formulaire. Une preuve inconnue ou ambiguë bloque le sync marketing; utilisez le double opt-in si le parcours l’exige.

La configuration vérifie les nouvelles soumissions toutes les 15 minutes par défaut. Une modification remet la règle en brouillon. Vérifiez fréquence, filtre de consentement et écritures dans une exécution réelle contrôlée.

## Webflow via MCP

Tajo définit une route MCP Webflow à `https://alto.tajo.io/mcp/connectors/webflow`. Le code prévoit la lecture des sites, formulaires, soumissions, CMS, produits et commandes. Vérifiez accès authentifié et outils actuels; l’accès MCP ne prouve pas un sync durable Webflow-Brevo.

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

## Le faire vous-même

Webflow exploite un serveur MCP officiel à l’adresse `https://mcp.webflow.com/mcp`, avec OAuth. Ajoutez-le à Claude Code avec :

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

Voir la [documentation MCP](https://developers.webflow.com/mcp/reference/overview) de Webflow. Associez-le au serveur MCP de Brevo, décrit dans [Serveur MCP Brevo](https://tajo.io/fr/docs/mcp/brevo-mcp-server). Vérifiez vous-même le champ d’opt-in avant d’ajouter qui que ce soit à Brevo.

## Prochaines étapes

- [Comprendre la synchronisation des données](https://tajo.io/fr/resources/help/getting-started/understanding-data-sync/), le fonctionnement des règles de synchronisation
- [HubSpot + Brevo](https://tajo.io/fr/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/fr/docs/integrations/shopify-brevo)