Интеграция Webflow + Brevo
Webflow + Brevo
Соедините данные сайта Webflow с платформой вовлечения Brevo через MCP. Фиксируйте лиды из форм, отслеживайте поведение посетителей, взращивайте потенциальных клиентов и запускайте мультиканальные кампании, всё это оркестрируется ИИ-агентами в Claude.
Используемые MCP-серверы
| Сервер | Пакет/URL | Аутентификация | Назначение |
|---|---|---|---|
| Webflow MCP | webflow/mcp-server | OAuth | Сайты, формы, данные форм, CMS-коллекции, аналитика страниц |
| Brevo MCP | mcp.brevo.com/v1/brevo/mcp | Токен | Контакты, email-кампании, SMS, WhatsApp, отслеживание событий |
Tip
MCP-сервер Webflow предоставляет доступ к данным форм, CMS-данным и метаданным сайта. Объедините его с Brevo MCP, чтобы каждая заполненная форма превращалась в сегментированный контакт с автоматической nurture-последовательностью.
Настройка
Шаг 1: Подключите оба MCP-сервера
Добавьте в конфигурацию Claude Desktop или 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" } } }}Шаг 2: Проверьте подключение
Спросите у Claude:
> Какие формы есть на моём сайте Webflow?> Сколько контактов у меня в Brevo?Claude должен использовать Webflow MCP для первого вопроса и Brevo MCP, для второго.
Сценарий использования 1: Агент захвата лидов из форм
Синхронизируйте данные форм Webflow в контакты Brevo с отслеживанием источника:
---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 * * * *"---
# Webflow Lead Capture Agent
Capture every Webflow form submission and create enriched Brevo contacts.
## Strategy
1. Poll Webflow for new form submissions since last sync2. For each submission, create or update Brevo contact with: - Email, name, phone (from form fields) - Form name and page URL (as Brevo attributes) - Submission timestamp - UTM parameters if available3. Add contacts to Brevo lists based on form type: - Contact form → "Inbound Leads" list - Newsletter signup → "Newsletter Subscribers" list - Demo request → "Demo Requests" list (high priority) - Download gate → "Content Leads" list
## Field Mapping
| Webflow Form Field | Brevo Attribute ||-------------------|-----------------|| 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 |
## Rules- ONLY create contacts from submissions that include a valid email- NEVER create duplicate contacts, update existing if email matches- ALWAYS store the form name and page URL for lead attribution- Track events: webflow_form_submitted, webflow_lead_createdСценарий использования 2: Агент nurture-последовательности для посетителей
Запускайте персонализированные nurture-последовательности в зависимости от формы и страницы, с которой пришёл лид:
---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---
# Webflow Nurture Sequence Agent
When a new lead is captured from Webflow, trigger the appropriate nurture sequence in Brevo based on form type and page context.
## Sequence Logic
### Contact Form Leads1. Immediate: Thank-you email confirming message received2. Day 1: Introduction email with relevant case studies3. Day 3: Follow-up with product overview4. Day 7: "Still interested?" with calendar link
### Newsletter Subscribers1. Immediate: Welcome email with top 3 articles2. Day 3: Content digest based on signup page topic3. Day 7: Product mention with value prop4. Weekly: Newsletter inclusion
### Demo Requests (High Priority)1. Immediate: Confirmation email + calendar booking link2. +30 min: SMS confirmation with time slot options3. Day 1: If no booking → follow-up email with demo video4. Day 2: If no booking → WhatsApp with direct message5. Day 3: Escalate to sales team via Brevo deal creation
### Content Downloads1. Immediate: Delivery email with download link2. Day 2: Related content recommendation3. Day 5: Product connection to content topic4. Day 10: Soft CTA with case study
## Rules- ALWAYS check contact opt-in status before sending- NEVER send SMS or WhatsApp without explicit phone + consent- Personalize with: first name, form type, page they visited- Use Brevo template variables for dynamic content- Track engagement: nurture_email_sent, nurture_sms_sentСценарий использования 3: Агент синхронизации CMS-контента
Синхронизируйте CMS-коллекции Webflow с Brevo для динамического контента писем:
---name: webflow-cms-syncdescription: Sync Webflow CMS items to Brevo for dynamic email personalizationversion: 1.0.0temperature: 0.1tools: - webflow - brevo_contacts - brevo_email_campaign_management - brevo_templatestriggers: - schedule: "0 8 * * 1"---
# CMS Content Sync Agent
Pull published content from Webflow CMS collections and use it to power dynamic Brevo campaigns.
## Strategy
1. Query Webflow CMS for blog posts, case studies, or product updates published in the last 7 days2. Format content summaries for email inclusion3. Match content to Brevo segments based on topic tags4. Trigger weekly digest campaigns with personalized content blocks
## Content Mapping
| Webflow CMS Field | Brevo Usage ||-------------------|-------------|| name / title | Email subject line, content block heading || slug | Link URL construction || post-summary | Email preview text || main-image | Email hero image || category | Segment matching || published-on | Recency sorting |
## Rules- ONLY include published items (not drafts)- ALWAYS include a direct link back to the Webflow page- Match content categories to Brevo list interests- Maximum 5 content items per digest emailПример: Оркестрация на естественном языке
При подключении обоих MCP-серверов вы можете оркестрировать в реальном времени:
Вы: "Проверь Webflow на наличие заявок на демо за эту неделю, которых ещё нет в Brevo, добавь их как приоритетных лидов и отправь каждому персонализированное письмо с бронированием демо."
Claude: Проверяю Webflow на заявки на демо...[Использует MCP Webflow для получения форм с фильтром по "Demo Request"][Найдено 12 заявок за эту неделю]
Проверяю контакты Brevo...[Использует brevo_contacts для поиска каждого email]
7 заявок ещё нет в Brevo. Обрабатываю...[Создаю 7 новых контактов с LEAD_PRIORITY=high][Добавляю всех 7 в список "Demo Requests"][Запускаю шаблон письма с бронированием демо для каждого]
Готово:- 7 новых приоритетных контактов созданы в Brevo- Все добавлены в список "Demo Requests"- Письма с бронированием демо отправлены с персональными ссылками на календарь- 5 существующих контактов имели дублирующиеся заявки (пропущены)Следующие шаги
- Brevo MCP-сервер, Полный список MCP-модулей Brevo
- Спецификация агента, Настройка поведения агента
- Shopify + Brevo, Интеграция с e-commerce
- Custom API + Brevo, Создание коннекторов для любой платформы