---
title: "Webflow + Brevo 集成"
description: "Webflow 到 Brevo 是 Tajo 的试点路径。查看表单到联系人映射、选择加入过滤器和批准流程，再验证授权的真实运行。"
url: https://tajo.io/zh-cn/docs/integrations/webflow-brevo/
markdown: https://tajo.io/zh-cn/docs/integrations/webflow-brevo.md
lang: zh-CN
robots: noindex
---

申请抢先体验

请输入您的名字和公司电子邮箱地址。我们会发送确认 Tajo 访问申请的链接。

# Webflow + Brevo 集成

| 来源字段 | 目标字段 | 示例值 |
| --- | --- | --- |
| `form.email` | `email` | `alex@example.com` |
| `form.firstName` | `FIRSTNAME` | `Alex` |
| `form.company` | `COMPANY` | `Example Co` |

## Webflow + Brevo

Tajo 有试点 Webflow 连接器及建议的表单到联系人规则。离线测试覆盖了映射，但本次审核尚未验证全新 Webflow 安装和生产同步。下述界面、模板和 MCP 步骤是需要真实验证的实现设计。提交表单本身不构成同意。建议的过滤器仅发送已接受选择加入字段的提交；依赖此路径前请核实该字段及受控真实运行。

## 连接 Webflow

如果工作区提供 Webflow 连接，在 **Connections** 的 **Connect a source** 中选择 Webflow 并在 Webflow 授权 Tajo。建立规则前确认生成的来源绑定。

## 构建同步

授权 Webflow 绑定和同意字段可用时，规则构建器可按以下步骤运行。将其视为可运行同步前，请验证预览和受控真实运行。

1. 在 Tajo 中打开 **Agents**，向 **Brevo Integration Architect** 提出请求，例如：“将我的 Webflow 网站上的新闻通讯注册发送到 Brevo。”
2. 代理检查 Webflow 连接器。它只能看到字段名和类型，绝不会看到提交的值。
3. 代理提出带有字段映射和同意过滤条件的规则，校验字段映射并对草稿进行空运行，然后保存。
4. **Request publish approval** 会运行一次预览。预览最多读取 10 条提交，不向 Brevo 写入任何内容，只记录数量。
5. 由人工在 **Approvals** 页面审批这条规则本身。之后规则即可发布。

代码中定义了 **Webflow form\_submissions -> Brevo contacts** 模板。如果授权工作区中显示，可在 **Connections > Syncs and mappings > New sync from template** 找到。它建议如下映射：

| Webflow 表单字段 | Brevo |
| --- | --- |
| `email`、`Email` 或 `e-mail` | `email` |
| `firstName`、`first_name` 或 `First Name` | `FIRSTNAME` |
| `lastName`、`last_name` 或 `Last Name` | `LASTNAME` |
| `phone` | `PHONE` |
| 提交 ID | `WEBFLOW_SUBMISSION_ID` |
| 站点 ID | `WEBFLOW_SITE_ID` |
| 提交日期 | `WEBFLOW_SUBMITTED_AT` |

实现识别 `marketingConsent`、`marketing_consent`、`optIn`、`opt_in`、`newsletter`、`subscribe`、`Subscribe` 等候选字段名，并解析 `true`、`yes`、`on`、`1`、`checked`、`subscribed` 等值。字段名和值本身不是同意证据。请审核实际表单标签、目的和记录的选择；证据缺失或含糊时必须停止营销同步。工作流程需要时使用双重确认。

已配置运行时默认每 15 分钟检查新提交。编辑规则会使其回到草稿，重新经过预览和批准。请在受控真实运行中验证计划、同意过滤器和目标写入。

## 通过 MCP 使用 Webflow

Tajo 为早期访问账户在 `https://alto.tajo.io/mcp/connectors/webflow` 定义了 Webflow MCP 路径。代码包括读取网站、表单、提交、CMS、商品和订单。请验证经过身份认证的主机访问和当前工具集；MCP 工具暴露不证明持久的 Webflow 到 Brevo 同步。

```bash
claude mcp add --transport http tajo-webflow https://alto.tajo.io/mcp/connectors/webflow
```

## 自行搭建

Webflow 在 `https://mcp.webflow.com/mcp` 运行官方 MCP 服务器，使用 OAuth。用以下命令将其添加到 Claude Code：

```bash
claude mcp add --transport http webflow https://mcp.webflow.com/mcp
```

参见 Webflow 的 [MCP 文档](https://developers.webflow.com/mcp/reference/overview)。将它与 [Brevo MCP 服务器](https://tajo.io/zh-cn/docs/mcp/brevo-mcp-server)中介绍的 Brevo MCP 服务器配合使用。将任何人添加到 Brevo 之前，请自行检查选择加入字段。

## 下一步

- [了解数据同步](https://tajo.io/zh-cn/resources/help/getting-started/understanding-data-sync/)：同步规则如何运作
- [HubSpot + Brevo](https://tajo.io/zh-cn/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/zh-cn/docs/integrations/shopify-brevo)