Webflow + Brevo インテグレーション

説明用の図・サンプルデータ

同期の例

1 件のレコードを確認

送信元

Webflow

コネクターのステータス: 開発中

送信先

Brevo

コネクターのステータス: 稼働中

フィールドの対応付け

送信元フィールド	送信先フィールド	サンプル値
`form.email`	`email`	`[email protected]`
`form.firstName`	`FIRSTNAME`	`Alex`
`form.company`	`COMPANY`	`Example Co`

下書き
1 件のレコードを確認
このバージョンを承認

ステータスは各コネクターのもので、この同期の準備が整っていることを保証しません。表示フィールドは例です。同期を実行する前に、実際のスキーマと権限を確認してください。

Webflow + Brevo

Tajo には試験的な Webflow コネクターと、フォームから連絡先へのルール案があります。オフラインテストで対応関係の一部は確認済みですが、新しい Webflow 接続と本番同期は今回の検証では未確認です。以下の UI、テンプレート、MCP の手順は、実環境での検証が必要な実装設計です。フォーム送信だけでは同意になりません。ルール案は承諾されたオプトインフィールドを持つ送信だけを対象にしますが、そのフィールドと制御された実行を確認してください。

Webflow を接続する

ワークスペースで Webflow 接続を利用できる場合は、Connections で Connect a source から Webflow を選び、Webflow で Tajo を認可します。ルールを作る前に接続元の紐付けを確認してください。

同期を構築する

認可済みの Webflow 接続と同意フィールドが利用できる場合、ルールビルダーは次の手順を取れます。運用中の同期と見なす前に、プレビューと制御された実行を確認してください。

Tajo で Agents を開き、Brevo Integration Architect に依頼します。例:「Webflow サイトのニュースレター登録を Brevo に送って」。
エージェントが Webflow コネクターを調べます。見るのはフィールド名と型だけで、送信された値は見ません。
フィールドマップと同意フィルターを含むルールを提案し、フィールドマップを検証し、下書きをドライランしてから保存します。
Request publish approval を押すとプレビューが実行されます。読み取るのは最大 10 件の送信で、Brevo には何も書き込まず、件数だけを記録します。
人が 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 間の同期は証明されません。

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

自分で接続する

Webflow は公式の MCP サーバーを https://mcp.webflow.com/mcp で運営しており、OAuth を使います。Claude Code には次のコマンドで追加します。

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

Webflow の MCP ドキュメントを参照してください。Brevo MCP サーバーで説明している Brevo の MCP サーバーと組み合わせて使います。誰かを Brevo に追加する前に、オプトインフィールドを自分で確認してください。