# 嵌入到自定义页面

默认情况下，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 即时预约

如果该服务使用 Sesami 即时预约，只需粘贴生成的代码片段即可——整个预约流程都在 Sesami 组件内完成，无需 Shopify 结账。

### 使用 Shopify 结账

如果该服务使用 Shopify 结账（加入购物车），您需要将该代码片段与主题的购物车和结账流程集成。这包括：

* 将加入购物车操作连接到您的 Shopify 主题
* 确保结账流程与预约数据正确协同工作

对于此设置，请查看完整的集成指南，位于 [Sesami 开发者文档](https://sesami.dev) 或与开发人员合作。

## 常见放置位置

* **首页** ——英雄区中的“立即预约”按钮
* **联系页面** ——让访客直接预约
* **落地页** ——用于活动的专属预约页面
* **门店定位页** ——将预约嵌入到门店列表旁
* **页脚** ——在所有页面上显示持续可见的预约链接

## 需要帮助？

* **开发者文档**: [sesami.dev](https://sesami.dev)
* **Sesami 支持**: <help@sesami.co>
* **专业服务**: [专业服务](/zh-cn/kai-shi-shi-yong/onboarding/professional-services.md)

## 相关

* [手动安装](/zh-cn/apps-integrations/shopify/online-store/manual-install.md) —— 自定义主题集成
* [即时预订](/zh-cn/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/zh-cn/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.