# フォームをZapierに接続する

> Formspree Docs · プラグイン · 2026年2月28日

#### 利用可能なプラン: Professional、Business

フォームの送信内容を使ってZapierのZapをトリガーするのは簡単です。

このチュートリアルでは、フォームの送信がZapierの受信イベントをトリガーする方法と、その後送信フィールドを使ってZapierからGoogle Calendarのイベントを作成する方法を紹介します。

## Zapierの受信Webhookのセットアップ

最初に[Zapエディタ](https://zapier.com/app/editor)を開き、「Webhooks by Zapier」を選択します。

![2019-10-01-094751\_881x460\_scrot.png](/images/zendesk/31e50d5a4478728d.png)

トリガーイベントとして「Catch Hook」を選択します。これにより、Zapierが各送信時にFormspreeから送られるイベントに反応するようになります。

![2019-10-01-100141\_944x490\_scrot.png](/images/zendesk/d2fee9f3b5963b7b.png)

「続ける」をクリックすると、WebhookのURLが表示されます。

![2019-10-01-100510\_843x155\_scrot.png](/images/zendesk/0b442940536e8a23.png)

次はFormspree側での作業です。ブラウザで2つのタブを管理する必要があります。また、Formspreeでフォームが作成・設定済みである必要があります。まだお持ちでない場合は、[ダッシュボードから作成してください](http://formspree.cantillon.alhur.es/forms)。

フォームのPluginsタブでZapierを選択し、ZapierのURLをコピーしてFormspreeのZapierモーダルに貼り付けます。「接続」をクリックして完了します。

![2019-10-03-082321\_519x349\_scrot.png](/images/zendesk/c0ae1f7eb369ed2f.png)

次にZapierがWebhookのテストを求めます。このステップは省略しないでください！Zapierエディタにコンテキストを提供し、Zapの設定を簡単にするために必要です。「テストして続ける」をクリックすると、ZapierがWebhookの受信を待機し始めます。

![2019-10-01-103959\_932x248\_scrot.png](/images/zendesk/7c0df09118d993f2.png)

フォームに既に送信内容がある場合は、Zapierプラグインモーダルを再度開き、「テストを送信」をクリックすることで、フォームからアーカイブされた最後の送信内容をZapierに送信できます。

![2019-10-03-084846\_519x284\_scrot.png](/images/zendesk/3840b086ed79f240.png)

あるいは、ウェブサイトから通常のフォーム送信を手動で行うか、[https://test.formspree.io/](https://test.formspree.io/)のフォームを使ってテスト送信することもできます（HTMLを適切に編集してください）。

## Google Calendarでのイベント作成

上記の手順で、クライアントとの予約スケジュールを目的としたフォームがあり、クライアント自身が"name"、"date"、"time"フィールドを入力して予約を作成するものとします。

前のステップでテスト送信を送ると、次のような画面が表示されます。

![2019-10-01-104421\_940x526\_scrot.png](/images/zendesk/03f28f64f7a61705.png)

これで「When this happens（これが起きたとき）」から「Do this（これを行う）」の部分に進むことができます。

そこでGoogle Calendarを選択し、「Create detailed event（詳細なイベントを作成）」を選び、アカウントで認証します。オプションがたくさん並んだ大きなフォームが表示されます。各フィールドで、テストWebhookからZapierが解析したフィールドを選択し、自由なテキストと組み合わせることができます。

以下の動画で、サンプル値を使ってこれらのフィールドを選択する方法をご確認ください。

![zapier.gif](/images/zendesk/8e37db041ed29ddd.gif)

イベントが作成されました。

![2019-10-01-105401\_1007x616\_scrot.png](/images/zendesk/ba76b6ce640cdcb2.png)

異なるデータでフォームを再度送信して、すべて正しく作成されるか確認してみましょう。