前提条件

• LINE公式アカウントを開設済み
• Lステップ（エルステップ）のアカウントを取得済み
• LステップとLINE公式アカウントを連携済み

STEP 1 ─ Lステップ管理画面にログイン

lstep.app にアクセスし、管理画面にログインします。左メニューから対象の公式アカウントを選択してください。

STEP 2 ─ シナリオ（または回答アクション）でHTTPリクエストを追加

「シナリオ」→「アクション追加」→「Webhook（HTTPリクエスト）」 を選択します。
フォーム回答後に発火させる場合は「フォーム回答完了」トリガーのアクションに追加します。

STEP 3 ─ URL・メソッド・ヘッダーを設定

STEP 4 ─ リクエストボディ（JSON）を設定

Lステップの変数（{{変数名}}形式）をそのまま使えます。referral_store_idだけは店舗ごとに固定値で設定してください。

{
  "customer_name":     "{{氏名}}",
  "customer_phone":    "{{電話番号}}",
  "desired_menu":      "{{希望メニュー}}",
  "referral_store_id": "ST001",  // ← この店舗のIDを固定でセット
  "lstep_response_id": "{{回答ID}}"  // 重複防止に推奨
}

STEP 5 ─ テスト送信して確認

Lステップのテスト送信機能で実際に送信後、このシステムの「予約一覧」でデータが届いているか確認します。

送信先URL

※ Cloudflare Pagesにデプロイ後の実際のURLに変更してください

認証ヘッダー

※ 実際に発行したトークンに変更してください

Lステップ変数の対応表

Lステップのフォーム変数名と送信フィールド名の対応です。

JSONボディ テンプレート一覧

店舗ごとに referral_store_id と referral_store_name だけ変えてコピーして使います。

{
  "customer_name":     "{{氏名}}",
  "customer_phone":    "{{電話番号}}",
  "desired_menu":      "{{希望メニュー}}",
  "referral_store_id": "ST001",
  "referral_store_name": "渋谷院",
  "lstep_response_id": "{{回答ID}}"
}

{
  "customer_name":     "{{氏名}}",
  "customer_phone":    "{{電話番号}}",
  "referral_store_id": "ST001"
}

{
  "customer_name":       "{{氏名}}",
  "customer_phone":      "{{電話番号}}",
  "desired_menu":        "{{希望メニュー}}",
  "referral_store_id":   "ST001",
  "referral_store_name": "渋谷院",
  "reservation_status": "pending",
  "lstep_response_id":  "{{回答ID}}",
  "notes":               "{{備考}}"
}

POST /api/reservations フィールド仕様

認証方式（3種類すべてサポート）

ランク自動判定ロジック