EmailJSテンプレート設定 - クイックガイド
🚀 5分で完了!設定手順
ステップ1: EmailJSにログイン
https://www.emailjs.com/ にアクセスしてログイン
ステップ2: 診断レポート送信用テンプレートを作成
- 「Email Templates」 → 「Create New Template」
- 設定内容:
- テンプレート名:
Regalis診断レポート送信 - Service: 既存のサービスを選択
- To Email: ``
- From Name:
Regalis Japan Group - 件名:
【Regalis】スーツ診断レポート - - 本文:
EMAILJS_TEMPLATE_SETUP_GUIDE.mdの「ステップ2-4」のHTMLテンプレートをコピー&ペースト
- テンプレート名:
- 「Save」 → テンプレートIDをコピー(例:
template_abc123)
ステップ3: 予約詳細レポート用テンプレートを作成
- 「Email Templates」 → 「Create New Template」
- 設定内容:
- テンプレート名:
Regalis予約詳細レポート送信 - Service: 同じサービスを選択
- To Email: ``
- From Name:
Regalis Japan Group - 件名:
【Regalis】予約確認レポート - - 本文:
EMAILJS_TEMPLATE_SETUP_GUIDE.mdの「ステップ3-4」のHTMLテンプレートをコピー&ペースト
- テンプレート名:
- 「Save」 → テンプレートIDをコピー(例:
template_xyz789)
ステップ4: App.tsxを更新
src/App.tsxの24-25行目を更新:
const EMAILJS_REPORT_TEMPLATE_ID = 'template_abc123'; // ← ステップ2で取得したID
const EMAILJS_BOOKING_TEMPLATE_ID = 'template_xyz789'; // ← ステップ3で取得したID
ステップ5: 動作確認
npm run dev
ブラウザでテスト:
- 診断を完了
- 「診断レポートを取得する」をクリック → メール確認
- 「来店予約をする」をクリック → メール確認
📚 詳細ガイド
より詳しい手順は EMAILJS_TEMPLATE_SETUP_GUIDE.md を参照してください。