Integração Webflow + Brevo
Webflow + Brevo
Ligue os dados do site Webflow à plataforma de envolvimento do Brevo através de MCP. Capture leads de formulários, rastreie o comportamento de visitantes, nutra prospects e acione campanhas multicanal, tudo orquestrado por agentes de IA no Claude.
Servidores MCP Utilizados
| Servidor | Pacote/URL | Autenticação | Propósito |
|---|---|---|---|
| Webflow MCP | webflow/mcp-server | OAuth | Sites, formulários, submissões de formulários, coleções CMS, análise de páginas |
| Brevo MCP | mcp.brevo.com/v1/brevo/mcp | Token | Contactos, campanhas de e-mail, SMS, WhatsApp, rastreamento de eventos |
Tip
O servidor MCP do Webflow expõe submissões de formulários, dados CMS e metadados do site. Combine-o com o Brevo MCP para transformar cada preenchimento de formulário num contacto segmentado com uma sequência de nutrição automatizada.
Configuração
Passo 1: Ligar Ambos os Servidores MCP
Adicione à sua configuração do Claude Desktop ou 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" } } }}Passo 2: Verificar Ligação
Pergunte ao Claude:
> Que formulários existem no meu site Webflow?> Quantos contactos tenho no Brevo?O Claude deve usar o Webflow MCP para a primeira pergunta e o Brevo MCP para a segunda.
Caso de Uso 1: Agente de Captura de Leads de Formulários
Sincronize submissões de formulários Webflow para contactos Brevo com rastreamento da origem:
---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 * * * *"---
# Agente de Captura de Leads Webflow
Capture cada submissão de formulário Webflow e crie contactos Brevo enriquecidos.
## Estratégia
1. Verificar o Webflow para novas submissões de formulários desde a última sincronização2. Para cada submissão, criar ou atualizar contacto Brevo com: - E-mail, nome, telefone (dos campos do formulário) - Nome do formulário e URL da página (como atributos Brevo) - Data e hora da submissão - Parâmetros UTM se disponíveis3. Adicionar contactos a listas Brevo com base no tipo de formulário: - Formulário de contacto → lista "Inbound Leads" - Subscrição de newsletter → lista "Newsletter Subscribers" - Pedido de demo → lista "Demo Requests" (alta prioridade) - Download com registo → lista "Content Leads"
## Mapeamento de Campos
| Campo do Formulário Webflow | Atributo 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 |
## Regras- APENAS criar contactos a partir de submissões que incluem um e-mail válido- NUNCA criar contactos duplicados, atualizar existente se o e-mail corresponder- SEMPRE guardar o nome do formulário e URL da página para atribuição de leads- Rastrear eventos: webflow_form_submitted, webflow_lead_createdCaso de Uso 2: Agente de Sequência de Nutrição de Visitantes
Acione sequências de nutrição personalizadas com base no formulário e página de onde o lead veio:
---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---
# Agente de Sequência de Nutrição Webflow
Quando um novo lead é capturado do Webflow, acione a sequência de nutriçãoadequada no Brevo com base no tipo de formulário e contexto da página.
## Lógica da Sequência
### Leads de Formulário de Contacto1. Imediato: E-mail de agradecimento a confirmar que a mensagem foi recebida2. Dia 1: E-mail de apresentação com cases de estudo relevantes3. Dia 3: Follow-up com visão geral do produto4. Dia 7: "Ainda interessado?" com link de calendário
### Subscritores de Newsletter1. Imediato: E-mail de boas-vindas com os 3 melhores artigos2. Dia 3: Digest de conteúdo baseado no tópico da página de registo3. Dia 7: Menção ao produto com proposta de valor4. Semanal: Inclusão na newsletter
### Pedidos de Demo (Alta Prioridade)1. Imediato: E-mail de confirmação + link de marcação de calendário2. +30 min: Confirmação SMS com opções de horário3. Dia 1: Se sem marcação → e-mail de follow-up com vídeo demo4. Dia 2: Se sem marcação → WhatsApp com mensagem direta5. Dia 3: Escalar para equipa de vendas via criação de negócio no Brevo
### Downloads de Conteúdo1. Imediato: E-mail de entrega com link de download2. Dia 2: Recomendação de conteúdo relacionado3. Dia 5: Ligação do produto ao tópico do conteúdo4. Dia 10: CTA suave com case de estudo
## Regras- SEMPRE verificar o estado de opt-in do contacto antes de enviar- NUNCA enviar SMS ou WhatsApp sem telefone explícito + consentimento- Personalizar com: primeiro nome, tipo de formulário, página visitada- Usar variáveis de template Brevo para conteúdo dinâmico- Rastrear envolvimento: nurture_email_sent, nurture_sms_sentCaso de Uso 3: Agente de Sincronização de Conteúdo CMS
Sincronize coleções CMS Webflow para o Brevo para conteúdo dinâmico de e-mail:
---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"---
# Agente de Sincronização de Conteúdo CMS
Extraia conteúdo publicado das coleções CMS Webflow e use-o para impulsionar campanhas Brevo dinâmicas.
## Estratégia
1. Consultar o CMS Webflow para posts de blog, cases de estudo ou atualizações de produto publicados nos últimos 7 dias2. Formatar resumos de conteúdo para inclusão em e-mail3. Corresponder conteúdo a segmentos Brevo com base em tags de tópico4. Acionar campanhas de digest semanal com blocos de conteúdo personalizados
## Mapeamento de Conteúdo
| Campo CMS Webflow | Uso no Brevo ||-------------------|-------------|| name / title | Linha de assunto do e-mail, título do bloco de conteúdo || slug | Construção do URL do link || post-summary | Texto de pré-visualização do e-mail || main-image | Imagem hero do e-mail || category | Correspondência de segmento || published-on | Ordenação por recência |
## Regras- APENAS incluir itens publicados (não rascunhos)- SEMPRE incluir um link direto para a página Webflow- Corresponder categorias de conteúdo aos interesses da lista Brevo- Máximo de 5 itens de conteúdo por e-mail digestExemplo: Orquestração em Linguagem Natural
Com ambos os servidores MCP ligados, pode orquestrar em tempo real:
Utilizador: "Verifique o Webflow para submissões de formulários de pedido de demo desta semana que ainda não estão no Brevo, adicione-as como leads de alta prioridade e envie a cada uma um e-mail personalizado de marcação de demo."
Claude: A verificar o Webflow para submissões de pedido de demo...[Usa webflow MCP para listar formulários e filtrar por "Demo Request"][Encontra 12 submissões desta semana]
A verificar contra contactos Brevo...[Usa brevo_contacts para pesquisar cada e-mail]
7 submissões ainda não estão no Brevo. A processar...[Cria 7 novos contactos com LEAD_PRIORITY=high][Adiciona todos os 7 à lista "Demo Requests"][Aciona template de e-mail de marcação de demo para cada um]
Concluído:- 7 novos contactos de alta prioridade criados no Brevo- Todos adicionados à lista "Demo Requests"- E-mails de marcação de demo enviados com links de calendário personalizados- 5 contactos existentes tinham submissões duplicadas (ignorados)Próximos Passos
- Servidor MCP Brevo, Lista completa de módulos MCP Brevo
- Especificação de Agente, Personalizar comportamento do agente
- Shopify + Brevo, Integração de e-commerce
- API Personalizada + Brevo, Construa conectores para qualquer plataforma