Интеграция Webflow + Brevo
Webflow + Brevo
Свържете данните на сайта Webflow с ангажиращата платформа на Brevo чрез MCP. Улавяйте потенциални клиенти от форми, проследявайте поведението на посетители, подхранвайте потенциални клиенти и задействайте многоканални кампании, всичко оркестрирано от AI агенти в Claude.
Използвани MCP сървъри
| Сървър | Пакет/URL | Удостоверяване | Предназначение |
|---|---|---|---|
| Webflow MCP | webflow/mcp-server | OAuth | Сайтове, форми, изпращания от форми, CMS колекции, анализи на страници |
| Brevo MCP | mcp.brevo.com/v1/brevo/mcp | Токен | Контакти, имейл кампании, SMS, WhatsApp, проследяване на събития |
Tip
MCP сървърът на Webflow предоставя изпращания от форми, CMS данни и метаданни за сайта. Комбинирайте го с Brevo MCP, за да превърнете всяко попълване на форма в сегментиран контакт с автоматична поредица за подхранване.
Настройка
Стъпка 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
Улавяйте всяко изпращане от форма на Webflow и създавайте обогатени контакти в Brevo.
## Стратегия
1. Опросвайте Webflow за нови изпращания от форми след последната синхронизация2. За всяко изпращане създайте или актуализирайте контакта в Brevo с: - Имейл, имена, телефон (от полетата на формата) - Наименование на формата и URL на страницата (като атрибути в Brevo) - Времеви печат на изпращането - UTM параметри ако са налични3. Добавяйте контакти към списъци в Brevo въз основа на типа форма: - Форма за контакт → списък "Входящи потенциални клиенти" - Записване за бюлетин → списък "Абонати на бюлетина" - Заявка за демо → списък "Заявки за демо" (висок приоритет) - Защитено изтегляне → списък "Потенциални клиенти от съдържание"
## Съпоставяне на полета
| Поле от Webflow форма | Атрибут в 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 |
## Правила- СЪЗДАВАЙТЕ контакти САМО от изпращания, включващи валиден имейл- НИКОГА не създавайте дублирани контакти, актуализирайте съществуващите ако имейлът съвпада- ВИНАГИ съхранявайте наименованието на формата и URL на страницата за атрибутиране на потенциални клиенти- Проследявайте: webflow_form_submitted, webflow_lead_createdСлучай на употреба 2: Агент за поредица от подхранване на посетители
Задействайте персонализирани поредици за подхранване въз основа на формата и страницата, от която е дошъл потенциалният клиент:
---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
При улавяне на нов потенциален клиент от Webflow, задействайте подходящатапоредица за подхранване в Brevo въз основа на типа форма и контекста на страницата.
## Логика на поредицата
### Потенциални клиенти от форма за контакт1. Незабавно: Имейл за благодарност, потвърждаващ получаването на съобщението2. Ден 1: Въведителен имейл с подходящи казуси3. Ден 3: Проследяване с преглед на продукта4. Ден 7: "Все още ли се интересувате?" с връзка към календар
### Абонати за бюлетина1. Незабавно: Приветстващ имейл с топ 3 статии2. Ден 3: Дайджест на съдържание въз основа на темата на страницата за записване3. Ден 7: Споменаване на продукта с предложена стойност4. Седмично: Включване в бюлетина
### Заявки за демо (Висок приоритет)1. Незабавно: Имейл за потвърждение + връзка за резервиране в календар2. +30 минути: SMS потвърждение с опции за часови интервали3. Ден 1: При липса на резервиране → проследяващ имейл с видео демонстрация4. Ден 2: При липса на резервиране → WhatsApp с директно съобщение5. Ден 3: Ескалиране към екипа по продажбите чрез създаване на сделка в Brevo
### Изтегляния на съдържание1. Незабавно: Имейл с доставка с връзка за изтегляне2. Ден 2: Препоръка за свързано съдържание3. Ден 5: Свързване на продукта с темата на съдържанието4. Ден 10: Мек призив към действие с казус
## Правила- ВИНАГИ проверявайте статуса на съгласие на контакта преди изпращане- НИКОГА не изпращайте SMS или WhatsApp без изричен телефон + съгласие- Персонализирайте с: собствено им, тип форма, страница, която са посетили- Използвайте шаблонни променливи на Brevo за динамично съдържание- Проследявайте ангажирането: 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 съдържание
Извличайте публикувано съдържание от CMS колекциите на Webflow иго използвайте за захранване на динамични кампании в Brevo.
## Стратегия
1. Заявете от Webflow CMS публикации в блог, казуси или актуализации на продукти, публикувани през последните 7 дни2. Форматирайте резюметата на съдържанието за включване в имейли3. Съпоставяйте съдържанието с сегменти в Brevo въз основа на тематичните тагове4. Задействайте седмични кампании с дайджест с персонализирани блокове съдържание
## Съпоставяне на съдържанието
| Поле в Webflow CMS | Употреба в Brevo ||-------------------|-------------|| name / title | Тема на имейл, заглавие на блок съдържание || slug | Изграждане на URL на връзката || post-summary | Текст за предварителен преглед на имейл || main-image | Главно изображение на имейл || category | Съпоставяне на сегмента || published-on | Сортиране по актуалност |
## Правила- ВКЛЮЧВАЙТЕ САМО публикувани елементи (не чернови)- ВИНАГИ включвайте директна връзка обратно към страницата в Webflow- Съпоставяйте категориите на съдържанието с интересите в списъка в Brevo- Максимум 5 елемента на съдържание на имейл с дайджестПример: Оркестрация на естествен език
Вие: "Проверете Webflow за изпращания от форма за заявка за демо от тази седмица, които все още не са в Brevo, добавете ги като потенциални клиенти с висок приоритет и изпратете на всеки персонализиран имейл за резервиране на демо."
Claude: Проверка на Webflow за изпращания от форма за заявка за демо...[Използва Webflow MCP за списък на форми и филтриране по "Demo Request"][Намерени 12 изпращания от тази седмица]
Проверка спрямо контактите в Brevo...[Използва brevo_contacts за търсене на всеки имейл]
7 изпращания все още не са в Brevo. Обработка...[Създава 7 нови контакта с LEAD_PRIORITY=high][Добавя всичките 7 към списък "Заявки за демо"][Задейства шаблона на имейл за резервиране на демо за всеки]
Готово:- 7 нови потенциални клиенти с висок приоритет, създадени в Brevo- Всички добавени към списък "Заявки за демо"- Имейли за резервиране на демо с персонализирани връзки към календар- 5 съществуващи контакта имаха дублирани изпращания (пропуснати)Следващи стъпки
- Brevo MCP сървър, Пълен списък на MCP модулите на Brevo
- Спецификация на агент, Персонализиране на поведението на агента
- Shopify + Brevo, Интеграция с електронна търговия
- Персонализиран API + Brevo, Изграждане на конектори за всяка платформа