> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/ja/meru/quickstart.md).

# クイックスタート

## 設定する内容

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

{% hint style="info" %}
**所要時間の目安**: 1つのサービスと1人のチームメンバーによる基本設定なら15〜30分。
{% endhint %}

### 始める前に <a href="#before-you-start" id="before-you-start"></a>

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

* **管理者アクセス** あなたのShopifyストアで
* **サービスの一覧** 提供したいもの：
  * サービス名（例：「60分マッサージ」、「犬のグルーミング」）
  * 所要時間（例：30分、1時間、2時間）
  * 価格
* **リソース情報**:
  * チームメンバーの名前と勤務時間
  * 部屋または機器の要件（該当する場合）

<figure><img src="/files/7c26c0f5d41c01f2b9c1e26af4b12fee4245a5ba" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### **Sesamiにサービスを追加**

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

#### **- Sesamiで**&#x20;

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

   タイトルはシンプルに保ってください。これは予約確認やカレンダーに表示されます。
2. 次を追加 **説明**
3. 追加 **バリアント「所要時間」、単位、** および **価格**\
   「30分」「1時間」「90分」のようなバリアントを作成します
4. クリックして **サービスを作成**

<figure><img src="/files/013e8d038195c74aab7a90b94730e33e31859422" alt=""><figcaption></figcaption></figure>

#### **- Shopifyで**

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

<figure><img src="/files/b00740b360be860c847b6bc43a2eaad7ee321cc9" alt=""><figcaption></figcaption></figure>

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

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

{% step %}

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

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

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

1. 次を追加 **リソースの** 名前と **リソースタイプ**
   * スタッフの場合：各チームメンバーを名前で追加します（例：「Sarah」、「Alex」、「Jamie」）
   * 部屋/機器の場合：いったんチームメンバーとして追加します（例：「Room 1」、「Camera Kit A」）
2. 次を設定 **営業時間** を設定し、利用可能ルールを追加します（例：月〜金、午前9:00〜午後5:00）
3. **クリックしてリソースを作成**&#x20;

**設定例：**

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

{% hint style="info" %}
**知っておくと便利：** まだすべてのリソースを設定していなくても心配はいりません。今は1つのリソースだけ利用可能時間を設定し、後で追加のリソースを作成したり、既存のリソースの利用可能時間を更新したりできます。 [**管理ポータル：リソース**](/ja/guan-li-zhe/resources.md).
{% endhint %}

<figure><img src="/files/e1f26c2b328e9703fa5cc9ee5c5ce340aa021222" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

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

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

<figure><img src="/files/d1239dc9e65a0beca80b2ebf38a706c50d183ce0" alt=""><figcaption></figcaption></figure>

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

{% hint style="info" %}
**任意：** 古いShopifyテーマ、ヘッドレスストアフロント（Hydrogenなど）、またはカスタムサイトを使用している場合は、この手順をスキップして、 [開発者向けドキュメント](https://sesami.dev/docs/sesami-experience/shopify-integration/intro/) の連携手順を参照してください。
{% endhint %}

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

1. Sesamiダッシュボードから、 **テーマをカスタマイズ** の **予約体験を埋め込む** セクションでクリックします。
2. これにより、テーマエディターが **アプリ埋め込み** パネル（通常は左サイドバーまたはテーマ設定内）とともに開きます
3. 次を見つけます **Sesami Booking App** そしてトグルをオンにして、アプリをテーマに埋め込めるようにします。
4. **保存**

<div><figure><img src="/files/5e9e9608e10f9c72ac62ecab63b193db7cccae5d" alt=""><figcaption></figcaption></figure> <figure><img src="/files/a3f9b8f84be8b669a252d350cca21c8accdec7cb" alt=""><figcaption></figcaption></figure></div>

#### **手順2：商品に追加**

1. 次に、商品テンプレートを開いて、Sesamiの予約ブロックを商品テンプレートに追加します
2. の **商品情報** セクションで、 **ブロックを追加** をクリックし、 **Sesami予約ボタン**
3. ブロックを購入ボタンの上に配置します
4. **保存** テーマの変更が反映されます。

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

<div><figure><img src="/files/c4ce63997e0a855edc433f8484edf80d1b9c2979" alt=""><figcaption></figcaption></figure> <figure><img src="/files/3e206c6aeded325add3cd067209f9451cbb6040c" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**手動連携（古いテーマ）**

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

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

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

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

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

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

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

**確認ポイント：**

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

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

***

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

<details>

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

確認：

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

</details>

<details>

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

確認：

1. **商品がサービスとして追加されている** Sesamiで
2. **リソースが割り当てられている** サービスに
3. **必要なリソースが有効** （無効になっていない）
4. **所要時間バリアントの形式** が正しい（例：「30 Minutes」「1 Hour」- 余分なスペースなし、英語で）
5. **「Product does not have a Duration option」-** 所要時間バリアントは英語で、誤字なく記載する必要があります。

</details>

<details>

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

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

1. **リソースが割り当てられている** サービスに対して（手順2）
2. **利用可能時間が設定されている** 割り当て済みのリソースに対して（手順2）
3. **予約ウィンドウ** が将来の予約を許可している（詳細設定を確認）
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>予約が「Assigned to: No one」と表示される</summary>

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

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

参照： [Assigned to No One のトラブルシューティング](/ja/meru/onboarding/troubleshooting/troubleshooting-assigned-to-no-one-caused-by-invalid-order.md)

</details>

<details>

<summary>顧客に「Session expired」または「Invalid link」のエラーが表示される</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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.