クイックスタート

このガイドでは、最小限の手順で「インストール済み」から「初回予約」まで進められます。

設定する内容

• サービス - 予約可能なサービスを表すShopify商品

• リソース - サービス提供に必要なスタッフ、部屋、機器、その他の資産

• 利用可能時間 - リソースの営業時間とスケジュール規則

• ストアフロント連携 - オンラインストア上の予約ボタンとカレンダー

所要時間の目安: 1つのサービスと1人のチームメンバーによる基本設定なら15〜30分。

始める前に

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

• 管理者アクセス あなたのShopifyストアで

• サービスの一覧 提供したいもの：

  • サービス名（例：「60分マッサージ」、「犬のグルーミング」）

  • 所要時間（例：30分、1時間、2時間）

  • 価格

• リソース情報:

  • チームメンバーの名前と勤務時間

  • 部屋または機器の要件（該当する場合）

1

Sesamiにサービスを追加

Sesamiで直接サービスを作成することも、Shopifyから既存の商品を追加することもできます。

- Sesamiで

1. わかりやすい タイトル を入力します（例：「ヘアカット」、「マッサージ」、「相談」）

   タイトルはシンプルに保ってください。これは予約確認やカレンダーに表示されます。

2. 次を追加 説明

3. 追加 バリアント「所要時間」、単位、 および 価格 「30分」「1時間」「90分」のようなバリアントを作成します

4. クリックして サービスを作成

- Shopifyで

1. Shopify管理画面で、次へ移動します 商品 > 商品を追加

2. サービスを説明する、わかりやすい商品タイトルを入力します。例えば ヘアカット, マッサージ、または 相談

3. クリック バリアントを追加 して「所要時間」バリアント とそのオプションを作成します。たとえば 30分, 1時間、または 90分

4. 各所要時間オプションに価格を設定します

5. クリック 保存 して商品を作成します

提供したい各サービス種別について繰り返します。

ベストプラクティス: 同じサービスの異なる所要時間にはバリアントを使いましょう。たとえば、3つの商品を別々に作るのではなく、「マッサージ」という1つの商品に「30分」「1時間」「90分」のバリアントを付けます。

2

リソースを作成して利用可能時間を設定

リソースとは、サービスを成立させるために必要なものです。チームメンバー、部屋、機器などです。これらを作成し、利用可能時間を設定します。

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

1. 次を追加 リソースの 名前と リソースタイプ

   • スタッフの場合：各チームメンバーを名前で追加します（例：「Sarah」、「Alex」、「Jamie」）

   • 部屋/機器の場合：いったんチームメンバーとして追加します（例：「Room 1」、「Camera Kit A」）

2. 次を設定 営業時間 を設定し、利用可能ルールを追加します（例：月〜金、午前9:00〜午後5:00）

3. クリックしてリソースを作成

設定例：

• チームメンバー「Sarah」→ 月〜金、午前9時〜午後5時に利用可

• 部屋「Treatment Room 1」→ 月〜土、午前8時〜午後8時に利用可

知っておくと便利： まだすべてのリソースを設定していなくても心配はいりません。今は1つのリソースだけ利用可能時間を設定し、後で追加のリソースを作成したり、既存のリソースの利用可能時間を更新したりできます。 管理ポータル：リソース.

3

ストアフロントに予約を追加

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

テーマアプリ埋め込み（推奨 - モダンテーマ） - ほとんどのShopify 2.0テーマはアプリ埋め込みをサポートしています

任意： 古いShopifyテーマ、ヘッドレスストアフロント（Hydrogenなど）、またはカスタムサイトを使用している場合は、この手順をスキップして、 開発者向けドキュメント の連携手順を参照してください。

手順1：アプリ埋め込みを有効化

1. Sesamiダッシュボードから、 テーマをカスタマイズ の 予約体験を埋め込む セクションでクリックします。

2. これにより、テーマエディターが アプリ埋め込み パネル（通常は左サイドバーまたはテーマ設定内）とともに開きます

3. 次を見つけます Sesami Booking App そしてトグルをオンにして、アプリをテーマに埋め込めるようにします。

4. 保存

手順2：商品に追加

1. 次に、商品テンプレートを開いて、Sesamiの予約ブロックを商品テンプレートに追加します

2. の 商品情報 セクションで、 ブロックを追加 をクリックし、 Sesami予約ボタン

3. ブロックを購入ボタンの上に配置します

4. 保存 テーマの変更が反映されます。

これで予約ウィジェットがストアフロントの商品ページに表示され、顧客は利用可能な予約時間を選択できるようになります。

手動連携（古いテーマ）

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

1. テーマエディターで、商品ページにボタンまたはリンクを追加します

2. Sesamiカレンダーが有効な商品ページにリンクします

3. または、テーマ固有の連携サポートについてお問い合わせください

参照： Shopifyオンラインストアの設定

プロのヒント: メインメニューに「今すぐ予約」ナビゲーションリンクを追加し、予約可能なサービスの一覧に誘導しましょう。

4

エンドツーエンドでテスト

公開する前に、完全な予約フローをテストしてください：

1. ストアを開く をシークレット/プライベートブラウザウィンドウで開く（顧客表示を確認するため）

2. サービスの商品ページに移動する

3. 予約カレンダーが表示されることを確認する 利用可能な時間枠とともに

4. 日付と時間を選択する

5. カートに追加 してチェックアウトへ進む

6. 購入を完了する （Shopifyのテストモードを使うか、実際の予約を行ってください）

7. 予約が表示されることを確認する Sesami管理画面の「Bookings」に

8. モバイルで確認 - 同じ流れをモバイル端末でもテストします

確認ポイント：

• 利用可能な時間枠がリソースの利用可能時間と一致している

• 正しいタイムゾーンが表示されている

• 予約が正しいリソースに割り当てられている

• 複数の予約を入れても時間が重ならない

時間枠が表示されない場合、以下のトラブルシューティング欄を参照してください。

---

トラブルシューティング

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

確認：

1. Sesamiアプリ埋め込みが有効 テーマ設定で

2. 商品に sesami-service タグがある Shopifyで

3. Sesamiが有効 Sesami設定で

4. 表示しているのは 公開済みテーマ です（下書き/未公開版ではありません）

5. サービスが設定されている Sesamiで商品がリンクされている状態で

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

確認：

1. 商品がサービスとして追加されている Sesamiで

2. リソースが割り当てられている サービスに

3. 必要なリソースが有効 （無効になっていない）

4. 所要時間バリアントの形式 が正しい（例：「30 Minutes」「1 Hour」- 余分なスペースなし、英語で）

5. 「Product does not have a Duration option」- 所要時間バリアントは英語で、誤字なく記載する必要があります。

利用可能な時間枠が表示されない

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

1. リソースが割り当てられている サービスに対して（手順2）

2. 利用可能時間が設定されている 割り当て済みのリソースに対して（手順2）

3. 予約ウィンドウ が将来の予約を許可している（詳細設定を確認）

4. ブロックオフがない がすべての利用可能日を覆っていない

5. 商品ページで購入ボタンが非表示または削除されている

参照： 利用可能時間なし

タイムゾーンが正しくないように見える

1. 次へ移動 Sesami > 設定 > タイムゾーン

2. ストアのタイムゾーンが実際の所在地と一致していることを確認してください

3. リソースの利用可能時間が正しいタイムゾーンで設定されていることを確認してください

4. ブラウザのキャッシュをクリアし、シークレットモードでテストしてください

参照： タイムゾーンの不一致

チェックアウトの挙動が予想と異なる

本来スキップされるはずのチェックアウトがスキップされない、またはその逆の場合：

1. 次を確認： 即時予約 が有効かどうか（チェックアウトをスキップします）

2. 確認 デポジット設定 （チェックアウトの流れが変わる場合があります）

3. 商品を確認 価格設定 （無料商品ではチェックアウトがスキップされる場合があります）

参照： 即時予約 | デポジット

予約が「Assigned to: No one」と表示される

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

1. 有効化 予約保持期間 Sesami設定で

2. 有効化 カート検証 を有効にして、チェックアウト前に空き状況を確認します

参照： Assigned to No One のトラブルシューティング

顧客に「Session expired」または「Invalid link」のエラーが表示される

よくある原因：

1. リンクの期限切れ - 顧客が締切後に再予約/キャンセルしようとした

2. ブラウザCookieがブロックされている - ブラウザ設定、特にSafariを確認してください

3. キャッシュの問題 - ブラウザのキャッシュをクリアして再試行してください

参照： セッション期限切れ | SafariのCookie | 無効なリンクエラー

---

次のステップ

基本的な予約が機能したら、次を検討してください：

• メール通知 - 確認メールとリマインドメールを設定する

• Googleカレンダー同期 - チームメンバーのカレンダーと双方向同期する

• 顧客による再予約 - 顧客が再予約またはキャンセルできるようにする

• グループ予約 - 1つの時間枠に複数予約を有効化する

• デポジット - 予約時に一部支払いを受け取る

• POS - 店頭で予約を受け付ける

---

サポートが必要ですか？

• 無料オンボーディング通話 - カスタマーサクセスチームとのセッションを予約する

• ホワイトグローブ設定サービス - テーマ連携と設定の専門サポートを受ける

• プロフェッショナルサービス - 独自要件向けのカスタム開発

• サポート - [e-mail] までメールでお問い合わせください

関連

• リソースガイド - 詳細なリソース設定

• 利用可能時間の設定 - 高度な利用可能時間オプション

• Sesami管理ポータル - 管理画面の概要

• サービス設定 - 高度なサービス設定