# クイックスタート

## 設定する内容

* **サービス** - 予約可能なサービスを表す Shopify 商品
* **リソース** - サービス提供に必要なチームメンバー、部屋、機器、その他の資産
* **空き状況** - リソースの営業時間とスケジュールルール
* **ストアフロント連携** - オンラインストア上の予約ボタンとカレンダー

{% hint style="info" %}
**所要時間の目安**: 1つのサービスと1人のチームメンバーで基本設定を行う場合、15〜30分。
{% endhint %}

## 始める前に

以下を用意してください:

* **管理者アクセス** Shopify ストアの
* **サービス一覧** 提供したいサービスについて、以下を含めた一覧:
  * サービス名（例:「60分マッサージ」「犬のトリミング」）
  * 所要時間（例: 30分、1時間、2時間）
  * 価格
  * 収容数（同時予約可能数、該当する場合）
* **リソース情報**:
  * チームメンバー名と勤務時間
  * 部屋または機器の要件（該当する場合）

***

{% stepper %}
{% step %}
**Shopify でサービス商品を作成する**

予約可能な各サービスごとに Shopify 商品を作成します:

1. Shopify 管理画面で、 **商品 > 商品を追加**
2. わかりやすい **商品タイトル** を、所要時間を含めずに入力します（例:「ヘアカット」「マッサージ」「カウンセリング」）
   * タイトルはシンプルに保ってください。これは予約確認やカレンダーに表示されます
3. 追加する **異なる所要時間のバリエーション**:
   * をクリック **バリエーションを追加**
   * 「30分」「1時間」「90分」などのバリエーションを作成します
   * 各所要時間バリエーションごとに価格を設定します
4. 必要に応じて説明、画像、その他の商品詳細を追加します
5. **保存** してください

提供したい各サービス प्रकारについて繰り返します。

{% hint style="success" %}
**ベストプラクティス**: 同じサービスの異なる所要時間にはバリエーションを使いましょう。たとえば、3つの商品を別々に作るのではなく、商品「マッサージ」1つに「30分」「1時間」「90分」のバリエーションを設定します。
{% endhint %}
{% endstep %}

{% step %}
**リソースを作成して空き状況を設定する**

リソースとは、サービスを実施するために必要なものです。チームメンバー、部屋、機器などが該当します。これらを作成し、空き状況を設定します。

{% hint style="info" %}
**注意**: 現在の Shopify 管理画面では、リソースは「チームメンバー」と表示されています。これは今後のリリースで「リソース」に更新されます。
{% endhint %}

1. 開く **Sesami** を Shopify 管理画面で
2. 移動先 **チームメンバー** （リソース）
3. をクリック **チームメンバーを追加** し、リソースを作成します:
   * スタッフの場合: 各チームメンバーを名前で追加します（例:「Sarah」「Alex」「Jamie」）
   * 部屋/機器の場合: ひとまずチームメンバーとして追加します（例:「Room 1」「Camera Kit A」）
4. 各リソースについて、 **空き状況**:
   * を設定します
   * リソース名をクリックし **空き状況** タブへ移動
   * 空き状況ルールを追加します（例: 月〜金、午前9:00〜午後5:00）
   * **保存** スケジュール

**設定例:**

* チームメンバー「Sarah」→ 月〜金、午前9時〜午後5時に利用可能
* 部屋「Treatment Room 1」→ 月〜土、午前8時〜午後8時に利用可能

参照: [リソースガイド](/ja/guan-li-zhe/resources.md) | [空き状況の設定](/ja/yu-yue/availability/resource-availability.md)
{% endstep %}

{% step %}
**サービスをリソースに紐付ける**

各サービスに必要なリソースを Sesami に伝えます:

1. 開く **Sesami** を Shopify 管理画面で
2. 移動先 **サービス**
3. サービス商品を選択
4. リソース名をクリックし **リソース** セクション
5. 必要なリソースの種類を選択します:
   * 選択 **チームメンバー** サービスにスタッフが必要な場合
   * 選択 **部屋** サービスに物理的な空間が必要な場合
   * 選択 **機器** 特定の道具が必要な場合
6. 必要に応じて、特定のリソースを割り当てます:
   * チェック **特定のリソースのみ** を選択すると、特定のチームメンバーや部屋に限定できます
   * 未チェックのままにすると、その種類の利用可能なリソースを使用できます
7. **保存**

**設定例:**

* **ヘアカット**: 「Stylist」が必要（どのスタイリストでも可）
* **フェイシャルトリートメント**: 「Esthetician」+「Treatment Room」が必要（両方必要）
* **パーソナルトレーニング**: 特定のリソース「Personal Trainer - Sarah」のみ必要

{% hint style="warning" %}
**よくある間違い**: リソースを一切紐付けないと、空き時間枠は表示されません！ すべてのサービスには少なくとも1種類のリソースを割り当てる必要があります。
{% endhint %}
{% endstep %}

{% step %}
**ストアフロントに予約を追加する**

オンラインストア上で、顧客が予約カレンダーにアクセスできるようにします:

**オプション 1: テーマアプリ埋め込み（推奨 - 最新テーマ）**

多くの Shopify 2.0 テーマはアプリ埋め込みをサポートしています:

1. Shopify 管理画面で、 **オンラインストア > テーマ**
2. をクリック **カスタマイズ** で、使用中のテーマを開きます
3. クリックして **アプリ埋め込み** （通常は左サイドバーまたはテーマ設定内）
4. を有効化します **Sesami** アプリ埋め込み
5. **保存**

これで予約カレンダーがサービス商品ページに自動的に表示されます。

{% hint style="warning" %}
**重要な注意:** 購入ボタンは商品テンプレートから非表示または削除できません。\
購入ボタンは、カレンダーに予約の空き状況を表示するために必要です。\
顧客に購入ボタンを表示したくない場合は、「カートに自動追加 / カートをスキップ」オプションを有効にできます。これにより予約フローからボタンが削除されます。
{% endhint %}

**オプション 2: 手動連携（旧テーマ）**

アプリ埋め込みをサポートしていない古いテーマの場合:

1. テーマエディタで、商品ページにボタンまたはリンクを追加します
2. Sesami カレンダーが有効な商品ページにリンクします
3. または、テーマ固有の連携サポートについてサポートに連絡してください

参照: [Shopify オンラインストアの設定](/ja/apps-integrations/shopify/online-store.md)

{% hint style="success" %}
**プロのヒント**: メインメニューに「今すぐ予約」ナビゲーションリンクを追加し、予約可能なすべてのサービスのコレクションにリンクさせましょう。
{% endhint %}
{% endstep %}

{% step %}
**エンドツーエンドでテストする**

公開前に、完全な予約フローをテストします:

1. **ストアを開き** シークレット/プライベートブラウザウィンドウで（顧客ビューを確認するため）
2. **サービス商品ページに移動します**
3. **予約カレンダーが表示されることを確認します** 利用可能な時間枠付きで
4. **日付と時刻を選択します**
5. **カートに追加し** チェックアウトへ進みます
6. **購入を完了します** （Shopify のテストモードを使用するか、実際に予約します）
7. **予約が表示されることを確認します** Sesami 管理画面の予約一覧で
8. **モバイルでも確認** - モバイル端末でも同じフローをテストします

**確認する項目:**

* 利用可能な時間枠がリソースの空き状況と一致している
* 正しいタイムゾーンが表示されている
* 予約が正しいリソースに割り当てられている
* 複数の予約を入れても時間が重ならない

{% hint style="warning" %}
**時間枠が表示されない場合**は、以下のトラブルシューティングを参照してください。
{% endhint %}
{% endstep %}
{% endstepper %}

***

## トラブルシューティング

<details>

<summary>商品ページにカレンダーが表示されない</summary>

確認:

1. **Sesami のアプリ埋め込みが有効になっている** （テーマ設定のステップ 5）
2. **商品に sesami-service タグが付いている** Shopify で
3. **Sesami が有効になっている** Sesami 設定で
4. 表示しているのが **公開済みテーマ** である（下書き/未公開版ではない）
5. **サービスが設定されている** Sesami で商品がリンクされている

</details>

<details>

<summary>サービスが動作しない、またはエラーが表示される</summary>

確認:

1. **商品がサービスとして追加されている** Sesami で
2. **リソースが割り当てられている** サービスに（ステップ 3）
3. **必要なリソースが有効になっている** （無効になっていない）
4. **所要時間バリエーションの形式** が正しい（例:「30 Minutes」「1 Hour」- 余分なスペースなし、英語表記）

</details>

<details>

<summary>利用可能な時間枠が表示されない</summary>

最もよくある問題です。確認:

1. **リソースが割り当てられている** サービスに（ステップ 3）
2. **空き状況が設定されている** 割り当て済みリソースに対して（ステップ 2）
3. **タイムゾーンが正しい** Sesami 設定で
4. **予約ウィンドウ** が将来の予約を許可している（詳細設定を確認）
5. **ブロック設定がない** ですべての利用可能日を覆っていない

参照: [空き状況なし](/ja/meru/onboarding/troubleshooting/no-availability.md)

</details>

<details>

<summary>タイムゾーンが間違っているように見える</summary>

1. 移動先 **Sesami > 設定 > タイムゾーン**
2. ストアのタイムゾーンが実際の所在地と一致していることを確認します
3. リソースの空き状況が正しいタイムゾーンで設定されていることを確認します
4. ブラウザのキャッシュを消去し、シークレットモードでテストします

参照: [タイムゾーンの不一致](/ja/meru/onboarding/troubleshooting/timezone-mismatch.md)

</details>

<details>

<summary>チェックアウトの挙動が想定と違う</summary>

期待していたのにチェックアウトがスキップされる場合（またはその逆の場合）:

1. 次を確認: **即時予約** が有効か（チェックアウトをスキップします）
2. 確認 **デポジット設定** （チェックアウトフローが変わる場合があります）
3. 商品 **価格設定** （無料商品はチェックアウトをスキップする場合があります）

参照: [即時予約](/ja/yu-yue/booking-features/instant-booking.md) | [デポジット](/ja/i/deposits.md)

</details>

<details>

<summary>予約に「割り当て先: なし」と表示される</summary>

これは、チェックアウト中に時間枠が利用不可になったときに発生します:

1. 有効化 **予約保持期間** Sesami 設定で
2. 有効化 **カート検証** を使って、チェックアウト前に空き状況を確認します

参照: [「割り当て先なし」のトラブルシューティング](/ja/meru/onboarding/troubleshooting/troubleshooting-assigned-to-no-one-caused-by-invalid-order.md)

</details>

<details>

<summary>顧客に「セッションの有効期限が切れました」または「無効なリンク」エラーが表示される</summary>

主な原因:

1. **リンクの期限切れ** - 顧客が締切後に再予約/キャンセルを試みた
2. **ブラウザの Cookie がブロックされている** - ブラウザ設定を確認してください。特に Safari
3. **キャッシュの問題** - ブラウザのキャッシュを消去して再試行してください

参照: [セッションの有効期限切れ](/ja/meru/onboarding/troubleshooting/session-expired.md) | [Safari の Cookie](/ja/meru/onboarding/troubleshooting/safari-cookies.md) | [無効なリンクエラー](/ja/meru/onboarding/troubleshooting/as-a-customer-why-am-i-seeing-an-invalid-link-error-page.md)

</details>

***

## 次のステップ

基本的な予約が動作するようになったら、次を検討してください:

* [**メール通知**](/ja/tong-zhi/notification-emails.md) - 予約確認メールとリマインダーメールを設定する
* [**Google カレンダー同期**](/ja/apps-integrations/google-calendar.md) - チームメンバーのカレンダーと双方向同期する
* [**顧客による日時変更**](/ja/yu-yue/booking-features/cancellations-rescheduling.md) - 顧客が日時変更やキャンセルできるようにする
* [**グループ予約**](/ja/yu-yue/booking-features/group-appointments.md) - 1つの時間枠に複数予約を有効にする
* [**デポジット**](/ja/i/deposits.md) - 予約時に一部前払いを受け付ける
* [**POS**](/ja/apps-integrations/shopify/pos.md) - 店頭で予約を受け付ける

***

## サポートが必要ですか？

* [**無料オンボーディング通話**](/ja/meru/onboarding/onboarding-call.md) - カスタマーサクセスチームとのセッションを予約する
* [**ホワイトグローブセットアップサービス**](/ja/meru/onboarding/white-glove-setup.md) - テーマ連携とセットアップを専門家に依頼する
* [**プロフェッショナルサービス**](/ja/meru/onboarding/professional-services.md) - 特殊な要件向けのカスタム開発
* [**サポート**](mailto:help@sesami.co) - <help@sesami.co> までメールでお問い合わせください

## 関連

* [リソースガイド](/ja/guan-li-zhe/resources.md) - 詳細なリソース設定
* [空き状況の設定](/ja/yu-yue/availability/resource-availability.md) - 高度な空き状況オプション
* [Sesami 管理ポータル](/ja/guan-li-zhe/sesami-admin-portal.md) - 管理画面の概要
* [サービス設定](/ja/guan-li-zhe/services.md) - 高度なサービス設定


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sesami.co/ja/meru/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.