On this page

Tích Hợp Webflow + Brevo

Webflow + Brevo

Kết nối dữ liệu trang web Webflow với nền tảng tương tác Brevo qua MCP. Thu thập khách hàng tiềm năng từ biểu mẫu, theo dõi hành vi khách truy cập, nuôi dưỡng khách hàng và kích hoạt chiến dịch đa kênh, tất cả được điều phối bởi các tác nhân AI trong Claude.

Máy Chủ MCP Được Sử Dụng

Máy chủ	Gói/URL	Xác thực	Mục đích
Webflow MCP	`webflow/mcp-server`	OAuth	Trang web, biểu mẫu, lần gửi biểu mẫu, bộ sưu tập CMS, phân tích trang
Brevo MCP	`mcp.brevo.com/v1/brevo/mcp`	Token	Liên hệ, chiến dịch email, SMS, WhatsApp, theo dõi sự kiện

Tip

Máy chủ MCP của Webflow hiển thị lần gửi biểu mẫu, dữ liệu CMS và siêu dữ liệu trang web. Kết hợp với Brevo MCP để chuyển đổi mỗi lần điền biểu mẫu thành một liên hệ được phân khúc với chuỗi nuôi dưỡng tự động.

Thiết Lập

Bước 1: Kết Nối Cả Hai Máy Chủ MCP

{
  "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"
      }
    }
  }
}

Bước 2: Xác Minh Kết Nối

> Có những biểu mẫu nào trên trang web Webflow của tôi?
> Tôi có bao nhiêu liên hệ trong Brevo?

Trường Hợp Sử Dụng 1: Tác Nhân Thu Thập Khách Hàng Tiềm Năng

Đồng bộ lần gửi biểu mẫu Webflow sang liên hệ Brevo kèm theo dõi nguồn:

---
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 * * * *"
---

# Webflow Lead Capture Agent

Capture every Webflow form submission and create enriched Brevo contacts.

## Strategy

1. Poll Webflow for new form submissions since last sync
2. 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 available
3. 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

Các Bước Tiếp Theo

Máy chủ MCP Brevo, Danh sách đầy đủ các module MCP của Brevo
Đặc tả tác nhân, Tùy chỉnh hành vi tác nhân
Shopify + Brevo, Tích hợp thương mại điện tử