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

ServidorPacote/URLAutenticaçãoPropósito
Webflow MCPwebflow/mcp-serverOAuthSites, formulários, submissões de formulários, coleções CMS, análise de páginas
Brevo MCPmcp.brevo.com/v1/brevo/mcpTokenContactos, 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-capture
description: Sync Webflow form submissions to Brevo contacts with lead scoring
version: 1.0.0
temperature: 0.1
tools:
- webflow
- brevo_contacts
- brevo_attributes
- brevo_lists
triggers:
- 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ção
2. 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íveis
3. 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_created

Caso 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-sequence
description: Orchestrate email nurture sequences based on Webflow form context
version: 1.0.0
temperature: 0.3
tools:
- webflow
- brevo_contacts
- brevo_email_campaign_management
- brevo_templates
- brevo_sms_campaigns
triggers:
- 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ção
adequada no Brevo com base no tipo de formulário e contexto da página.
## Lógica da Sequência
### Leads de Formulário de Contacto
1. Imediato: E-mail de agradecimento a confirmar que a mensagem foi recebida
2. Dia 1: E-mail de apresentação com cases de estudo relevantes
3. Dia 3: Follow-up com visão geral do produto
4. Dia 7: "Ainda interessado?" com link de calendário
### Subscritores de Newsletter
1. Imediato: E-mail de boas-vindas com os 3 melhores artigos
2. Dia 3: Digest de conteúdo baseado no tópico da página de registo
3. Dia 7: Menção ao produto com proposta de valor
4. Semanal: Inclusão na newsletter
### Pedidos de Demo (Alta Prioridade)
1. Imediato: E-mail de confirmação + link de marcação de calendário
2. +30 min: Confirmação SMS com opções de horário
3. Dia 1: Se sem marcação → e-mail de follow-up com vídeo demo
4. Dia 2: Se sem marcação → WhatsApp com mensagem direta
5. Dia 3: Escalar para equipa de vendas via criação de negócio no Brevo
### Downloads de Conteúdo
1. Imediato: E-mail de entrega com link de download
2. Dia 2: Recomendação de conteúdo relacionado
3. Dia 5: Ligação do produto ao tópico do conteúdo
4. 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_sent

Caso 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-sync
description: Sync Webflow CMS items to Brevo for dynamic email personalization
version: 1.0.0
temperature: 0.1
tools:
- webflow
- brevo_contacts
- brevo_email_campaign_management
- brevo_templates
triggers:
- 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 dias
2. Formatar resumos de conteúdo para inclusão em e-mail
3. Corresponder conteúdo a segmentos Brevo com base em tags de tópico
4. 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 digest

Exemplo: 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

Assistente AI

Olá! Pergunte-me qualquer coisa sobre a documentação.

Comece grátis com Brevo