# カスタムページへの埋め込み

デフォルトでは、Sesami は商品ページで動作します。ホームページ、お問い合わせページ、ランディングページ、店舗検索ページ、または任意のカスタムページなど、他のページにも Sesami の予約体験を埋め込むことができます。

## Sesami エクスペリエンス コンフィギュレーターの使用

埋め込み可能な予約ウィジェットを作成する最も速い方法は、 **Sesami エクスペリエンス コンフィギュレーター**:

1. コンフィギュレーターに移動します: [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. 設定を構成します:
   * ショップ ID とサービス ID
   * ロケーションとバリアント
   * エクスペリエンスのバージョン（Classic または V2）
   * ボタンのスタイル（色、サイズ、テキスト）
   * カレンダーの動作と空き状況の表示
3. コンフィギュレーターは、 `<sesami-experience>` HTML スニペット
4. スニペットをコピーし、予約ボタンを表示したい場所に貼り付けます

### Sesami Instant Booking の場合

サービスが Sesami Instant Booking を使用している場合は、生成されたスニペットを貼り付けるだけで十分です。予約の流れ全体は Sesami ウィジェット内で完結し、Shopify のチェックアウトは不要です。

### Shopify Checkout の場合

サービスが Shopify のチェックアウト（カートに追加）を使用している場合は、スニペットをテーマのカートおよびチェックアウトの流れに統合する必要があります。これには以下が含まれます:

* カートに追加のアクションを Shopify テーマに接続する
* 予約データでチェックアウトの流れが正しく動作することを確認する

この設定については、 [Sesami 開発者ドキュメント](https://sesami.dev) の完全な統合ガイドを確認するか、開発者に依頼してください。

## よく使われる配置

* **ホームページ** — ヒーローセクションに「今すぐ予約」ボタン
* **お問い合わせページ** — 訪問者が直接予約できるようにする
* **ランディングページ** — キャンペーン用の予約専用ページ
* **店舗検索ページ** — 店舗一覧の横に予約を埋め込む
* **フッター** — 全ページに表示される固定の予約リンク

## ヘルプが必要ですか？

* **開発者向けドキュメント**: [sesami.dev](https://sesami.dev)
* **Sesami サポート**: <help@sesami.co>
* **プロフェッショナルサービス**: [プロフェッショナルサービス](/ja/meru/onboarding/professional-services.md)

## 関連項目

* [手動インストール](/ja/apps-integrations/shopify/online-store/manual-install.md) — カスタムテーマ統合
* [即時予約](/ja/yu-yue/booking-features/instant-booking.md) — Shopifyチェックアウトなしでの予約


---

# 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/apps-integrations/shopify/online-store/embed-on-custom-pages.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.