Integrace Webflow + Brevo
Webflow + Brevo
Propojte data webu Webflow s engagementovou platformou Brevo přes MCP. Zachyťte leady z formulářů, sledujte chování návštěvníků, nurturujte zájemce a spouštějte vícekanálové kampaně, vše orchestrováno AI agenty v Claude.
Použité MCP servery
| Server | Balíček/URL | Auth | Účel |
|---|---|---|---|
| Webflow MCP | webflow/mcp-server | OAuth | Stránky, formuláře, odesílání formulářů, CMS kolekce, analytika stránek |
| Brevo MCP | mcp.brevo.com/v1/brevo/mcp | Token | Kontakty, e-mailové kampaně, SMS, WhatsApp, sledování událostí |
Tip
MCP server Webflow poskytuje odesílání formulářů, data CMS a metadata webu. Spárujte ho s Brevo MCP, aby každé vyplnění formuláře vytvořilo segmentovaný kontakt s automatizovanou nurturovací sekvencí.
Nastavení
Krok 1: Připojte oba MCP servery
Přidejte do konfigurace Claude Desktop nebo Claude Code:
{ "mcpServers": { "brevo": { "command": "npx", "args": [ "mcp-remote", "https://mcp.brevo.com/v1/brevo/mcp", "--header", "Authorization: Bearer ${BREVO_MCP_TOKEN}" ], "env": { "BREVO_MCP_TOKEN": "your-brevo-mcp-token" } }, "webflow": { "command": "npx", "args": ["-y", "webflow/mcp-server"], "env": { "WEBFLOW_TOKEN": "your-webflow-api-token" } } }}Krok 2: Ověřte připojení
Zeptejte se Claude:
> Jaké formuláře existují na mém webu Webflow?> Kolik kontaktů mám v Brevo?Případ použití 1: Agent zachycení leadů z formulářů
Synchronizujte odesílání formulářů Webflow na kontakty Brevo se sledováním zdroje:
---name: webflow-lead-capturedescription: Sync Webflow form submissions to Brevo contacts with lead scoringversion: 1.0.0temperature: 0.1tools: - webflow - brevo_contacts - brevo_attributes - brevo_liststriggers: - event: form_submission - schedule: "*/15 * * * *"---
# Agent zachycení leadů Webflow
Zachyťte každé odesílání formuláře Webflow a vytvořte obohacené kontakty Brevo.
## Strategie
1. Dotazujte Webflow na nová odesílání formulářů od poslední synchronizace2. Pro každé odesílání vytvořte nebo aktualizujte kontakt Brevo s: - E-mailem, jménem, telefonem (z polí formuláře) - Názvem formuláře a URL stránky (jako atributy Brevo) - Časovým razítkem odesílání - Parametry UTM, pokud jsou k dispozici3. Přidejte kontakty do seznamů Brevo podle typu formuláře: - Kontaktní formulář → seznam "Inbound Leads" - Přihlášení k newsletteru → seznam "Newsletter Subscribers" - Žádost o demo → seznam "Demo Requests" (vysoká priorita) - Stahování obsahu → seznam "Content Leads"
## Mapování polí
| Pole formuláře Webflow | Atribut Brevo ||-------------------|-----------------|| Email | EMAIL || Name / First Name | FIRSTNAME || Last Name | LASTNAME || Phone | SMS || Company | COMPANY || Message | LEAD_MESSAGE || _form_name | WEBFLOW_FORM || _page_url | LEAD_SOURCE_URL || utm_source | UTM_SOURCE || utm_campaign | UTM_CAMPAIGN |
## Pravidla- Vytvářejte kontakty POUZE z odesílání, která obsahují platný e-mail- NIKDY nevytvářejte duplicitní kontakty, aktualizujte stávající, pokud e-mail odpovídá- VŽDY ukládejte název formuláře a URL stránky pro atribuci leadu- Sledujte události: webflow_form_submitted, webflow_lead_createdPřípad použití 2: Agent nurturovací sekvence návštěvníků
Spouštějte personalizované nurturovací sekvence podle toho, ze kterého formuláře a stránky lead přišel:
---name: webflow-nurture-sequencedescription: Orchestrate email nurture sequences based on Webflow form contextversion: 1.0.0temperature: 0.3tools: - webflow - brevo_contacts - brevo_email_campaign_management - brevo_templates - brevo_sms_campaignstriggers: - event: webflow_lead_created---
# Agent nurturovací sekvence Webflow
Když je zachycen nový lead z Webflow, spusťte příslušnou nurturovací sekvenciv Brevo na základě typu formuláře a kontextu stránky.
## Logika sekvence
### Leady z kontaktních formulářů1. Okamžitě: Děkovný e-mail potvrzující přijetí zprávy2. Den 1: Úvodní e-mail s relevantními případovými studiemi3. Den 3: Následný přehled produktu4. Den 7: "Stále máte zájem?" s odkazem na kalendář
### Odběratelé newsletteru1. Okamžitě: Uvítací e-mail s top 3 články2. Den 3: Souhrn obsahu na základě tématu přihlašovací stránky3. Den 7: Zmínka o produktu s hodnotovou nabídkou4. Týdně: Zařazení do newsletteru
### Žádosti o demo (vysoká priorita)1. Okamžitě: Potvrzovací e-mail + odkaz na rezervaci v kalendáři2. +30 minut: SMS potvrzení s možnostmi časového slotu3. Den 1: Pokud žádná rezervace → následný e-mail s demo videem4. Den 2: Pokud žádná rezervace → WhatsApp s přímou zprávou5. Den 3: Eskalace na obchodní tým prostřednictvím vytvoření dealu Brevo
### Stahování obsahu1. Okamžitě: Dodací e-mail s odkazem ke stažení2. Den 2: Doporučení souvisejícího obsahu3. Den 5: Propojení produktu s tématem obsahu4. Den 10: Jemná CTA s případovou studií
## Pravidla- VŽDY zkontrolujte stav souhlasu kontaktu před odesláním- NIKDY neposílejte SMS nebo WhatsApp bez explicitního telefonu + souhlasu- Personalizujte s: křestním jménem, typem formuláře, navštívenou stránkou- Používejte proměnné šablon Brevo pro dynamický obsah- Sledujte engagement: nurture_email_sent, nurture_sms_sentPříklad: Orchestrace v přirozeném jazyce
Vy: "Zkontrolujte Webflow na odesílání formulářů žádostí o demo z tohoto týdne, která ještě nejsou v Brevo, přidejte je jako leady s vysokou prioritou a každému odešlete personalizovaný e-mail pro rezervaci dema."
Claude: Kontroluji Webflow na odesílání žádostí o demo...[Používá webflow MCP k výpisu formulářů a filtrování podle "Demo Request"][Nalezeno 12 odesílání z tohoto týdne]
Kontroluji oproti kontaktům Brevo...[Používá brevo_contacts k vyhledání každého e-mailu]
7 odesílání ještě není v Brevo. Zpracovávám...[Vytváří 7 nových kontaktů s LEAD_PRIORITY=high][Přidává všech 7 do seznamu "Demo Requests"][Spouští šablonu e-mailu pro rezervaci dema pro každého]
Hotovo:- 7 nových kontaktů s vysokou prioritou vytvořeno v Brevo- Všichni přidáni do seznamu "Demo Requests"- E-maily pro rezervaci dema odeslány s personalizovanými kalendářními odkazy- 5 stávajících kontaktů mělo duplicitní odesílání (přeskočeno)Další kroky
- Brevo MCP Server, Úplný seznam modulů Brevo MCP
- Specifikace agenta, Přizpůsobení chování agenta
- Shopify + Brevo, Integrace e-commerce
- Vlastní API + Brevo, Vytváření konektorů pro jakoukoli platformu