# 手動インストール

製品ページに予約ボタンが表示されず、Sesami が正しく設定されている場合は、手動インストールが必要なことがあります。特にサードパーティ製やカスタムテーマの場合です。

## 手動インストールが必要な場合

* テーマが Shopify Theme Store で提供されていないサードパーティ製テーマである
* テーマが大幅にカスタマイズされている
* テーマがレガシー（2.0以前）の Shopify テーマである
* Sesami のアプリ埋め込みがテーマの構造と互換性がない

{% hint style="info" %}
**手動インストールの前に**、まず標準セットアップを完了していることを確認してください。ほとんどの Shopify 2.0 テーマは、コード変更なしでアプリ埋め込みと動作します。
{% endhint %}

## ステップ1: スニペットを生成する

まず **Sesami エクスペリエンス コンフィギュレーター** から、予約スニペットを生成します:

1. Shopify Adminで [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. Shop ID、Service ID、体験バージョン、およびスタイルを設定する
3. 生成された `<sesami-experience>` スニペットをコピーする

## ステップ2: テーマに追加する

予約ボタンを表示したい場所の製品ページテンプレートに、スニペットを配置します。

### Sesami Instant Booking の場合

サービスが Sesami Instant Booking を使用している場合、スニペットは自己完結型です。貼り付けるだけで完了です。予約の全体フローはウィジェット内で行われます。

### Shopify Checkout の場合

サービスが Shopify チェックアウト（カートに追加）を使用している場合は、スニペットをテーマのカートおよびチェックアウト機能と統合する必要があります。これには、カートに追加する操作の接続と、予約データが注文まで流れるようにすることが含まれます。

詳細な統合手順については、 [Sesami 開発者ドキュメント](https://sesami.dev)を参照してください。開発者向けドキュメントには以下が含まれます:

* カートに追加ボタンの統合
* カートページで日付と時刻を表示する
* 時間が選択される前にカートに追加ボタンを無効にする
* Sesami ボタンのスタイルをカスタマイズする
* 製品ページから所要時間フィールドを非表示にする
* 多言語ストアフロントの統合

## 推奨テーマ

公式の [Shopify Theme Store](https://themes.shopify.com/themes)の Shopify テーマの使用をおすすめします。これらのテーマは Shopify の標準化された構造に従っており、Sesami のアプリ埋め込みと完全に互換性があります。

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

* **テーマの開発者に連絡する** テーマ固有のサポートについて
* **Shopify エキスパートを雇う**: [experts.shopify.com](https://experts.shopify.com/)
* **Sesami Professional Services**: [プロフェッショナルサービス](/ja/meru/onboarding/professional-services.md)
* **Sesami サポート**: <help@sesami.co>

## 関連項目

* [カスタムページに埋め込む](/ja/apps-integrations/shopify/online-store/embed-on-custom-pages.md) — ホームページやその他のページに予約ボタンを追加する
* [カート検証スクリプト](/ja/apps-integrations/shopify/online-store/cart-verification-script.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/apps-integrations/shopify/online-store/manual-install.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.