> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
> Use this file to discover all available pages before exploring further.
# 商店前台
> 商店前台功能允许您创建一个简单、品牌化且移动友好的在线商店，在这里您可以展示一次性付款产品和订阅产品。此功能消除了构建整个网站的复杂性，使您能够快速在线提供产品或服务，而无需额外的网页开发工作。
## 功能的关键亮点
1. **品牌化店面**
* 使用商店名称、Logo 和封面图片自定义您的商店。
* 轻松分享您的商店 URL（例如 `store.dodopayments.com/your-store`）。
2. **产品分类**
* 自动将产品组织为一次性付款和订阅两个部分。
3. **简化结账流程**
* 客户可以选择产品和数量，然后点击 **“立即购买”** 跳转到 Dodopayments 的结账流程。
4. **发布/取消发布**
* 控制哪些产品出现在商店中：可在商家仪表板中快速发布或取消发布。
5. **无需额外设置**
* 无需独立的内容管理系统；所有产品管理都在您已经用于管理价格、描述和订阅详情的商家仪表板中进行。
6. **移动友好**
* 店面布局响应式设计，确保手机、平板和桌面都能获得无缝购物体验。
## 商店前台设置
以下是商户设置和管理其商店前台的逐步过程：
### 访问您的商店前台设置
1. 打开业务部分 → 选择商店前台
### 商店品牌化
1. **商店名称**：输入公开展示的商店名称，该名称会突出显示在店面顶部。
2. **Logo**：上传用于品牌标识的图片（例如 PNG 或 JPG）。
3. **封面图片**：选择或上传出现在店面首页的横幅/封面图片。
4. **商店 URL**：
* 通常基于您的业务名称自动生成（例如 `business.dodopayments.com/my-store`）。
* 如果系统支持自定义 slug，您可以编辑此 URL。
5. **产品：** 您可以选择希望在店面展示的产品。
### 保存和查看您的商店
1. **点击发布**：点击发布以确认您的商店前台设置和产品发布决定。
2. **预览商店**：您可以在生成的 URL 预览您的商店前台。
3. **分享网址**：一旦满意，通过电子邮件、社交媒体或您的网站与客户分享链接。
### 测试模式
测试模式和实时模式有不同的商店前台。您可以在网站顶部看到测试模式指示器，以及通过测试模式生成的商店前台。
测试模式是让您尝试商店的用户流程和购买体验。请与您的用户分享实时模式商店链接，以便进行真实购买。
## 客户体验
### 访问商店前台
* **视觉品牌化**：客户立即看到您的商店名称、徽标和封面图像。
* **有序的产品**：显示两个类别：一次性付款和订阅。
### 浏览产品
* **产品卡片**：每个产品显示名称、描述和价格。描述可以通过点击卡片右下角的 i 图标查看。
* **数量选择**：客户可以选择他们想购买的商品数量。
* **订阅频率和试用**：订阅产品明确说明计费频率（例如，每月）以及是否提供试用（例如，7 天免费试用）。
### 购买流程
1. **选择“立即购买”**：客户准备就绪后，点击所需产品的“购买”，选择数量并点击“立即购买”
2. **重定向到 Dodo Payments 结账页面**：
* 客户将被带到 Dodo Payments 的结账页面
* 客户在 Dodo Payments 上完成安全结账流程。
3. **确认**：
* 支付成功后，Dodo Payments 显示确认信息。
* 可选地，客户可以根据输入的重定向 URL 被重新定向回您的店面上的“感谢”页面。
在“设计”页面上使用预构建的主题、排版、颜色和实时预览来自定义您的店面外观。