クイックスタート
このガイドでは、最小限の手順で「インストール済み」から「初回予約」まで進めます。
設定する内容
サービス - 予約可能なサービスを表すShopify商品
リソース - サービス提供に必要なスタッフ、部屋、機器、その他の資産
利用可能時間 - リソースの営業時間とスケジュール規則
ストアフロント連携 - オンラインストア上の予約ボタンとカレンダー
所要時間の目安: 1つのサービスと1人のチームメンバーによる基本設定なら15〜30分。
始める前に
以下を用意してください:
管理者アクセス あなたのShopifyストアで
サービスの一覧 提供したいもの:
サービス名(例:「60分マッサージ」、「犬のグルーミング」)
所要時間(例:30分、1時間、2時間)
価格
リソース情報:
チームメンバーの名前と勤務時間
部屋または機器の要件(該当する場合)

Sesamiにサービスを追加
Sesamiで直接サービスを作成することも、Shopifyから既存の商品を追加することもできます。
- Sesamiで
わかりやすい タイトル を入力します(例:「ヘアカット」、「マッサージ」、「相談」)
タイトルはシンプルに保ってください。これは予約確認やカレンダーに表示されます。
次を追加 説明
追加 バリアント「所要時間」、単位、 および 価格 「30分」「1時間」「90分」のようなバリアントを作成します
クリックして サービスを作成

- Shopifyで
Shopify管理画面で、次へ移動します 商品 > 商品を追加
サービスを説明する、わかりやすい商品タイトルを入力します。例えば ヘアカット, マッサージ、または 相談
クリック バリアントを追加 して「所要時間」バリアント とそのオプションを作成します。たとえば 30分, 1時間、または 90分
各所要時間オプションに価格を設定します
クリック 保存 して商品を作成します

提供したい各サービス種別について繰り返します。
ベストプラクティス: 同じサービスの異なる所要時間にはバリアントを使いましょう。たとえば、3つの商品を別々に作るのではなく、「マッサージ」という1つの商品に「30分」「1時間」「90分」のバリアントを付けます。
リソースを作成して利用可能時間を設定
リソースとは、サービスを成立させるために必要なものです。チームメンバー、部屋、機器などです。これらを作成し、利用可能時間を設定します。
注意: 現在のShopify管理画面では、リソースは「チームメンバー」と表示されています。これは今後のリリースで「リソース」に更新されます。
次を追加 リソースの 名前と リソースタイプ
スタッフの場合:各チームメンバーを名前で追加します(例:「Sarah」、「Alex」、「Jamie」)
部屋/機器の場合:いったんチームメンバーとして追加します(例:「Room 1」、「Camera Kit A」)
次を設定 営業時間 を設定し、利用可能ルールを追加します(例:月〜金、午前9:00〜午後5:00)
クリックしてリソースを作成
設定例:
チームメンバー「Sarah」→ 月〜金、午前9時〜午後5時に利用可
部屋「Treatment Room 1」→ 月〜土、午前8時〜午後8時に利用可
知っておくと便利: まだすべてのリソースを設定していなくても心配はいりません。今は1つのリソースだけ利用可能時間を設定し、後で追加のリソースを作成したり、既存のリソースの利用可能時間を更新したりできます。 管理ポータル:リソース.

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

テーマアプリ埋め込み(推奨 - モダンテーマ) - ほとんどのShopify 2.0テーマはアプリ埋め込みをサポートしています
任意: 古いShopifyテーマ、ヘッドレスストアフロント(Hydrogenなど)、またはカスタムサイトを使用している場合は、この手順をスキップして、 開発者向けドキュメント の連携手順を参照してください。
手順1:アプリ埋め込みを有効化
Sesamiダッシュボードから、 テーマをカスタマイズ の 予約体験を埋め込む セクションでクリックします。
これにより、テーマエディターが アプリ埋め込み パネル(通常は左サイドバーまたはテーマ設定内)とともに開きます
次を見つけます Sesami Booking App そしてトグルをオンにして、アプリをテーマに埋め込めるようにします。
保存


手順2:商品に追加
次に、商品テンプレートを開いて、Sesamiの予約ブロックを商品テンプレートに追加します
の 商品情報 セクションで、 ブロックを追加 をクリックし、 Sesami予約ボタン
ブロックを購入ボタンの上に配置します
保存 テーマの変更が反映されます。
これで予約ウィジェットがストアフロントの商品ページに表示され、顧客は利用可能な予約時間を選択できるようになります。


手動連携(古いテーマ)
アプリ埋め込みをサポートしていない古いテーマの場合:
テーマエディターで、商品ページにボタンまたはリンクを追加します
Sesamiカレンダーが有効な商品ページにリンクします
または、テーマ固有の連携サポートについてお問い合わせください
プロのヒント: メインメニューに「今すぐ予約」ナビゲーションリンクを追加し、予約可能なサービスの一覧に誘導しましょう。
エンドツーエンドでテスト
公開する前に、完全な予約フローをテストしてください:
ストアを開く をシークレット/プライベートブラウザウィンドウで開く(顧客表示を確認するため)
サービスの商品ページに移動する
予約カレンダーが表示されることを確認する 利用可能な時間枠とともに
日付と時間を選択する
カートに追加 してチェックアウトへ進む
購入を完了する (Shopifyのテストモードを使うか、実際の予約を行ってください)
予約が表示されることを確認する Sesami管理画面の「Bookings」に
モバイルで確認 - 同じ流れをモバイル端末でもテストします
確認ポイント:
利用可能な時間枠がリソースの利用可能時間と一致している
正しいタイムゾーンが表示されている
予約が正しいリソースに割り当てられている
複数の予約を入れても時間が重ならない
時間枠が表示されない場合、以下のトラブルシューティング欄を参照してください。
トラブルシューティング
商品ページにカレンダーが表示されない
確認:
Sesamiアプリ埋め込みが有効 テーマ設定で
商品に sesami-service タグがある Shopifyで
Sesamiが有効 Sesami設定で
表示しているのは 公開済みテーマ です(下書き/未公開版ではありません)
サービスが設定されている Sesamiで商品がリンクされている状態で
サービスが動作しない、またはエラーが表示される
確認:
商品がサービスとして追加されている Sesamiで
リソースが割り当てられている サービスに
必要なリソースが有効 (無効になっていない)
所要時間バリアントの形式 が正しい(例:「30 Minutes」「1 Hour」- 余分なスペースなし、英語で)
「Product does not have a Duration option」- 所要時間バリアントは英語で、誤字なく記載する必要があります。
利用可能な時間枠が表示されない
最もよくある問題です。確認:
リソースが割り当てられている サービスに対して(手順2)
利用可能時間が設定されている 割り当て済みのリソースに対して(手順2)
予約ウィンドウ が将来の予約を許可している(詳細設定を確認)
ブロックオフがない がすべての利用可能日を覆っていない
商品ページで購入ボタンが非表示または削除されている
参照: 利用可能時間なし
タイムゾーンが正しくないように見える
次へ移動 Sesami > 設定 > タイムゾーン
ストアのタイムゾーンが実際の所在地と一致していることを確認してください
リソースの利用可能時間が正しいタイムゾーンで設定されていることを確認してください
ブラウザのキャッシュをクリアし、シークレットモードでテストしてください
参照: タイムゾーンの不一致
予約が「Assigned to: No one」と表示される
これは、チェックアウト中に時間枠が利用不可になったときに起こります:
有効化 予約保持期間 Sesami設定で
有効化 カート検証 を有効にして、チェックアウト前に空き状況を確認します
顧客に「Session expired」または「Invalid link」のエラーが表示される
よくある原因:
リンクの期限切れ - 顧客が締切後に再予約/キャンセルしようとした
ブラウザCookieがブロックされている - ブラウザ設定、特にSafariを確認してください
キャッシュの問題 - ブラウザのキャッシュをクリアして再試行してください
参照: セッション期限切れ | SafariのCookie | 無効なリンクエラー
次のステップ
基本的な予約が機能したら、次を検討してください:
メール通知 - 確認メールとリマインドメールを設定する
Googleカレンダー同期 - チームメンバーのカレンダーと双方向同期する
顧客による再予約 - 顧客が再予約またはキャンセルできるようにする
グループ予約 - 1つの時間枠に複数予約を有効化する
デポジット - 予約時に一部支払いを受け取る
POS - 店頭で予約を受け付ける
サポートが必要ですか?
無料オンボーディング通話 - カスタマーサクセスチームとのセッションを予約する
ホワイトグローブ設定サービス - テーマ連携と設定の専門サポートを受ける
プロフェッショナルサービス - 独自要件向けのカスタム開発
サポート - help@sesami.co までメールでお問い合わせください
関連
リソースガイド - 詳細なリソース設定
利用可能時間の設定 - 高度な利用可能時間オプション
Sesami管理ポータル - 管理画面の概要
サービス設定 - 高度なサービス設定
最終更新
役に立ちましたか?
