Webhook を使用するタイミング
| ユースケース | 例 |
|---|---|
| Web フォーム | お問い合わせフォームの送信でリードを作成 |
| サードパーティアプリ | Stripe の支払い → 顧客レコードを作成 |
| カスタム統合 | 自社アプリ → Twenty の自動化 |
| ノーコードツール | Zapier、Make、n8n との連携 |
ステップバイステップの設定
ステップ 1: ワークフローを作成
- 「Settings → Workflows」に移動
- 「+ New Workflow」をクリック
- 名前を付ける(例: “Website Form Submission”)
ステップ 2: Webhook トリガーを設定
- トリガーブロックをクリック
- 「Webhook」を選択
- 次のような一意の Webhook URL が発行されます:
- この URL をコピーします—外部サービスで使用します
ステップ 3: 想定されるデータ構造を定義
POST リクエストの場合、想定されるボディ構造を定義します:- 「Define expected body」をクリック
- サービスが送信する内容に一致するサンプル JSON を入力します:
- 「Save」をクリック—これにより、後続のステップで使用できる変数が作成されます
ステップ 4: アクションを追加
Webhook データを使用するアクションを追加します: 例: Person レコードを作成- 「Create Record」アクションを追加
- 「People」オブジェクトを選択
- フィールドをマッピング:
| フィールド | 値 |
|---|---|
| 名 | {{trigger.body.firstName}} |
| 姓 | {{trigger.body.lastName}} |
| メール | {{trigger.body.email}} |
| 会社 | {{trigger.body.company}} に基づいて検索または作成 |
ステップ 5: Webhook をテスト
有効化する前に、Webhook をテストします: cURL を使用:- Webhook URL に対して POST リクエストを作成
- Content-Type ヘッダーを
application/jsonに設定 - テスト用の JSON ボディを追加
- 送信してワークフローの実行を確認
ステップ 6: 有効化
テストが完了したら、ワークフローを稼働させるために「Activate」をクリックします。さまざまなデータ構造の扱い
ネストされたデータ
Webhook がネストされたデータを送信する場合:{{trigger.body.contact.email}}
配列
データに配列が含まれる場合:{{code.items}}
既知/特定のフィールド → 名前付きフィールドとして抽出
配列に個別にアクセスしたい特定のフィールドが含まれている場合(例: フォーム回答で位置 0 が常に “first name”、位置 1 が常に “last name” のようなケース)、それらを抽出するために Code アクションを追加します:
product.name と product.qty を個別に選択できます。