# Framer + Brew

既存の Framer フォームを Brew に追加できます。フォーム送信のたびにコンタクトが追加・更新され、フォームごとのトリガーでオートメーションを開始することもできます。

正規URL：https://brew.new/ja/browse/integrations/framer

- データの方向：データ取り込み
- 接続方式：フォーム Webhook
- フォームと新規登録

## 提供中の機能

- **イベントトリガー**：名前を付けた各フォームがコンタクトを収集し、それぞれのトリガーを発火させます。
- **コンタクトを同期**：署名付きのフォーム送信から、コンタクトを作成または更新します。

## Framer のフォーム送信を、コンタクトとメールに

すでに使っている Framer 標準のフォームを、Brew に追加できます。フォーム送信のたびにコンタクトが追加・更新され、フォームのトリガーを使ったオートメーションを公開しておけば、ウェルカムメールやフォローアップのメールを送れます。

フォームごとに、専用の Webhook URL、署名シークレット、トリガーが用意されます。1つのブランドで、名前を付けた複数のフォームを使えます。Brew のAPIキーや中継サーバーは必要ありません。


## 作れるもの

- ニュースレターのウェルカムメール：登録フォームのトリガーを使ったオートメーションを公開して、新しい購読者一人ひとりを迎えます。
- ウェイトリスト登録の確認：登録を確認し、この後どうなるかを伝えます。
- リードやデモ依頼のフォローアップ：会社名やチームの規模などのカスタムフィールドを宣言し、メールやオートメーションの条件で使います。
- フォームごとに別のフロー：フォームごとにトリガーがあるため、お問い合わせフォームとニュースレターのフォームで、別々のオートメーションを開始できます。

## フォーム送信がコンタクトになるまで

公開済みのオートメーションがなくても、Brew はコンタクトを保存します。同じメールアドレスで再び送信されると、そのブランドの既存のコンタクトが更新されます。任意のフィールドが欠けていても、保存済みの値が消えることはありません。

フォーム送信で、購読状況、配信除外、ルーティングに関するフィールドを変更することはできません。既存の配信停止は、そのまま有効です。

オートメーションが動き出すのは、コンタクトの書き込みが成功したあとだけです。保存に失敗した場合、Brew は何かを開始する前に再試行します。

スパムの可能性がある、またはスパムの可能性が高いと Framer が判定したフォーム送信は、Brew がコンタクトを保存することも、オートメーションを開始することもなく破棄します。


## Brew で Framer フォームをセットアップする

- ブランドを選択し、「連携サービス」→「Framer」を開いて「フォームを追加」を選びます。既存のフォームに名前を付け、送信されるフィールドを定義します。
- フォームの詳細ページから、Webhook URL と署名シークレットをコピーします。
- Framer で標準のフォームを選択し、「Send To」を開いて Webhook を追加します。その設定に、Brew のURLと署名シークレットを貼り付けます。
- Framer の各入力項目名を、Brew のフィールド名に合わせます。Brew は大文字と小文字、スペース、記号の違いを区別しないため、First Name は firstName として受け取られます。「セットアップ」の「プロンプトをコピー」を使えば、追加や名前の変更が必要な入力項目名を、そのまま Framer AIに伝えられます。
- Framer サイトを公開し、公開されたページからフォームを送信します。フォームの「送信履歴」タブを見てから、保存されたコンタクトを確認します。
- 今後の登録でフローを開始するには、フォームの「オートメーション」タブを開き、「オートメーションを作成」を選びます。フォームのトリガーは Brew が選択します。オートメーションを実行するには、公開してください。

## フィールドとパーソナライズ

どのフォームにも email フィールドが必要です。firstName と lastName は任意です。カスタムフィールドには、テキスト、整数、チェックボックスの値を使えます。日付にはテキストを使ってください。ネストされたオブジェクト、リスト、ファイルのアップロードには対応していません。

Framer のフォームには、ほかの入力項目があってもかまいません。Brew は宣言済みのフィールドだけを読み取り、それ以外は無視されたフィールドとして「送信履歴」に表示します。

email 以外の各フィールドは、同じ名前のコンタクトの列に保存されます。この列は、最初のフォーム送信時に作成されます。「コンタクトの列」で、フィールドの保存先を既存の列に変えることもできます。たとえば、name という入力項目を「名」に保存できます。

宣言済みのフィールドが、そのフォームを使うオートメーションの差し込みタグになります。フィールドを編集すると、トリガーとそのペイロード定義が更新されます。公開済みのオートメーションがフォームを使っている間は、互換性のない編集を Brew がブロックします。

フォームで同意を求めていない限り、フォーム送信はマーケティングメールの受信への同意にはなりません。プロモーションメールを送る予定がある場合は、同意を明確に確認するフィールドを追加してください。


## 標準のフォームの代わりに、Framer のコードコンポーネントを使えますか？

いいえ。Framer に組み込まれたフォームと、その送信先の Webhook を使ってください。コードコンポーネントは訪問者のブラウザーから送信するため、Framer の署名を生成できず、ページ内でシークレットが露出してしまいます。Brew はこうしたリクエストに401エラーを返します。


## フォーム送信が表示されているのに、メールが送信されないのはなぜですか？

「送信履歴」タブでは、受信、コンタクトの保存、オートメーションへの受け渡しが、それぞれ別の結果として表示されます。フォームのトリガーを使ったオートメーションが公開されていることを確認してから、そのフィルター、実行履歴、送信ドメインを確認してください。無効なフィールドで拒否された送信や、スパムと判定された送信では、何も開始されません。


## 制限事項とトラブルシューティング

- 401の署名エラーは、Framer に設定したシークレットかURLが古くなっていることを意味します。Brew から現在の値をコピーして、もう一度公開してください。
- 無効なフィールドによる「拒否」は、email など宣言済みのフィールドが欠けているか、型が正しくなかったことを意味します。この場合、Framer にはステータスコード200が返されるため、再試行は行われません。
- リクエストは、サイズを64 KiB未満、最上位のフィールドを100個未満に収める必要があります。
- 新しいフォーム送信は、フォームごとに1分あたり120件、ブランドごとに1分あたり600件までに制限されています。これらの上限は、個々の訪問者に対するスパム対策ではありません。
- 「シークレットを再生成」では、URLはそのままで、古いシークレットがすぐに無効になります。「フォームを無効化」すると、新しいフォーム送信は拒否されますが、すでに始まっている実行はそのまま続きます。
- Framer は失敗した配信を再試行しますが、リダイレクトには従いません。Brew に表示されたURLをそのまま使ってください。

## 出典とセットアップガイド

- [Framer フォームの Webhook 設定](https://www.framer.com/help/articles/framer-form-webhook-setup/)
- [オートメーションを作成する](https://docs.brew.new/create-emails/build-an-automation)
- [差し込みタグ](https://docs.brew.new/create-emails/merge-tags)
- [Brew で送信できるメール](https://docs.brew.new/get-started/what-you-can-send)

## 関連リンク

- [すべての連携サービス](https://brew.new/ja/browse/integrations.md)
- [新規登録](https://brew.new/ja/sign-up.md)
- ウェブサイト：https://brew.new
