---
title: "Webflow + Brevo インテグレーション"
description: "Webflow から Brevo への Tajo の試験的経路。フォームから連絡先への対応、オプトイン、承認を確認し、認可済みの実行を検証します。"
url: https://tajo.io/jp/docs/integrations/webflow-brevo/
markdown: https://tajo.io/jp/docs/integrations/webflow-brevo.md
lang: ja-JP
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 接続と本番同期は今回の検証では未確認です。以下の UI、テンプレート、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 は公式の MCP サーバーを `https://mcp.webflow.com/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/jp/docs/mcp/brevo-mcp-server)で説明している Brevo の MCP サーバーと組み合わせて使います。誰かを Brevo に追加する前に、オプトインフィールドを自分で確認してください。

## 次のステップ

- [データ同期を理解する](https://tajo.io/jp/resources/help/getting-started/understanding-data-sync/): 同期ルールの動作
- [HubSpot + Brevo](https://tajo.io/jp/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/jp/docs/integrations/shopify-brevo)