# 预约体验

客户可见的预订流程和日历界面，供客户预约使用。

## 什么是预订体验？

预订体验是客户在您的在线商店预订服务时看到的视觉界面和交互。Sesami 提供受 Stendig 日历启发的现代、快速加载的日历体验。

{% embed url="<https://sesami.co/wp-content/uploads/2025/01/2024-unwrapped-sesami-experience.mp4>" %}

## 功能

* **闪电般快速** - 采用 Lit Web Components 构建，性能最优
* **独立组件** - 支持原生或无头框架，例如 Hydrogen
* **高度可定制** - 使用 [体验配置器](https://sesami.dev/docs/storefront-integration/configurator/) 按您的喜好进行自定义
* **不只是另一个 Calendly 克隆版** - 由 Sesami 设计师打造的独特设计

## 日历体验

Sesami 提供两种内置日历体验：

### [月/日视图](/zh-cn/yu-yue/booking-experiences/month-day-view.md)

一种现代的月视图，让客户更容易找到可预约时间：

* 带有清晰“可用日期”的月视图
* 适用于 **团体预订**，显示每个时间段还剩多少名额
* 可选择隐藏 **任意可用** 选项（如果您希望客户选择特定资源）

### [多日视图](/zh-cn/yu-yue/booking-experiences/multi-day-view.md)

经典的日历体验：

* 多日横向滚动视图
* Sesami 安装后的默认日历
* 在大多数 Shopify 主题的服务页面上自动可用

## 切换日历

**Online Store 2.0 主题**：如果您的商店使用 **Online Store 2.0** 主题，您可以从主题编辑器中切换日历体验，从而自由尝试。

**旧版主题**：如果您的商店使用 **旧版** 主题，安装和切换日历可能需要手动操作（因为该主题不支持相同的应用块切换流程）。

## 其他体验功能

### [本地化体验](/zh-cn/yu-yue/booking-experiences/localizing-experience.md)

为不同语言和地区自定义预订体验。

### [资源选择](/zh-cn/yu-yue/booking-experiences/resource-selection.md)

允许客户在预订时选择他们偏好的资源（团队成员、房间等）。

### [浏览器兼容性](/zh-cn/yu-yue/booking-experiences/browser-compatibility.md)

有关支持哪些浏览器的信息。

## 定制日历（SDK）

如果您需要完全自定义的预订体验，可以使用 **Sesami SDK**.

如果您不确定在您的使用场景中应使用哪种日历，请从月/日视图开始，只有在您有充分理由时才使用定制方案（自定义 UX、独特规则、高级流程等）。

请参阅： [Sesami SDK 文档](https://sesami.dev/docs/sesami-sdk/quick-start/)

## 相关

* [预订功能](/zh-cn/yu-yue/booking-features.md) - 服务级功能
* [可用性](/zh-cn/yu-yue/availability.md) - 可用性规则
* [服务](/zh-cn/guan-li-yuan/services.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/yu-yue/booking-experiences.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.