# 手动安装

如果预订按钮没有显示在你的产品页面上，而 Sesami 也已正确设置，你可能需要手动安装——尤其是在使用第三方主题或自定义主题时。

## 何时需要手动安装

* 你的主题是 Shopify 主题商店中没有提供的第三方主题
* 你的主题经过了大量自定义
* 你的主题是旧版（2.0 之前）Shopify 主题
* Sesami 应用嵌入与你主题的结构不兼容

{% hint style="info" %}
**在手动安装之前**，请先确保你已经完成了标准设置。大多数 Shopify 2.0 主题都可以直接通过应用嵌入使用，无需更改代码。
{% endhint %}

## 步骤 1：生成你的代码片段

从 **Sesami 体验配置器** 开始，生成你的预订代码片段：

1. 前往 [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. 配置你的商店 ID、服务 ID、体验版本和样式
3. 复制生成的 `<sesami-experience>` 代码片段

## 步骤 2：添加到你的主题中

将代码片段放置在产品页面模板中你希望预订按钮出现的位置。

### 使用 Sesami 即时预约

如果该服务使用 Sesami 即时预订，代码片段就是独立的——直接粘贴即可完成。完整的预订流程会在小组件内完成。

### 使用 Shopify 结账

如果该服务使用 Shopify 结账（加入购物车），你需要将代码片段与你主题的购物车和结账功能集成。这包括连接加入购物车操作，并确保预订数据传递到订单中。

如需详细的集成说明，请参阅 [Sesami 开发者文档](https://sesami.dev)。开发文档涵盖：

* 加入购物车按钮集成
* 在购物车页面显示日期和时间
* 在选择时间之前禁用加入购物车按钮
* 自定义 Sesami 按钮样式
* 从产品页面隐藏时长字段
* 多语言店面集成

## 推荐主题

我们建议使用官方 [Shopify 主题商店](https://themes.shopify.com/themes)中的 Shopify 主题。这些主题遵循 Shopify 的标准化结构，并与 Sesami 的应用嵌入完全兼容。

## 需要帮助？

* **联系你的主题开发者** 以获取主题相关支持
* **聘请 Shopify 专家**: [experts.shopify.com](https://experts.shopify.com/)
* **Sesami 专业服务**: [专业服务](/zh-cn/kai-shi-shi-yong/onboarding/professional-services.md)
* **Sesami 支持**: <help@sesami.co>

## 相关

* [嵌入到自定义页面](/zh-cn/apps-integrations/shopify/online-store/embed-on-custom-pages.md) ——在首页或其他页面添加预订按钮
* [购物车验证脚本](/zh-cn/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/zh-cn/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.