> For the complete documentation index, see [llms.txt](https://docs.bogos.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bogos.io/cn/detailed-guide/boosters/create-progress-bar.md).
# 创建进度条
了解如何创建进度条，让客户了解优惠活动，并激励他们购买更多商品以满足条件。
{% embed url="" %}
从我们的指南开始，从零开始创建一个**进度条**。
### 1. 常规
**进度条名称：** 用于管理的进度条内部名称。
**进度条标题**：在您店铺中向客户展示的进度条标题。
**开始时间**：进度条开始生效的日期和时间
**结束时间**：进度条结束生效的日期和时间。
**进度计算方式**：选择您想要如何追踪进度条
* **购物车金额**：进度将根据购物车中商品的总金额计算。
* **购物车数量**：进度将根据购物车中商品的总数量计算。
**筛选条件**：设置条件以决定进度条将在哪些产品、地区或客户标签上显示和追踪。
您可以从三种主要条件中选择：**产品**、**地区**或**客户标签**。
▶ **产品：** 选择将计入您上方设置的购物车金额或购物车数量的特定产品。
* **除所选产品外的所有产品**：适用于除您所选特定产品之外的所有产品。
* **除所选类型/供应商/系列外的所有产品**：适用于除您所选类型、供应商或系列之外的所有内容。
* **所选产品**：仅适用于所选的产品。
* **所选类型/供应商/系列中的产品**：仅适用于所选类型、供应商或系列中的产品。
{% hint style="warning" %}
如果您未启用此选项，进度条将适用于您店铺中所有可用的商品。
{% endhint %}
▶ **地区：** 选择要显示进度条的地区。您可以同时选择多个国家/地区。
* **将所选地区的客户排除在外**：允许您阻止助推器应用于所选国家/地区的客户。
▶ **客户标签：** 根据客户标签显示或隐藏进度条。
* **选择标签：** 选择一个或多个客户标签。带有任一所选标签的客户都将看到进度条。
* **将带有这些标签的客户排除在外：** 启用此选项以对带有任一所选标签的客户隐藏进度条。
* **将未登录视为无标签客户：** 启用此选项以将未登录的访客视为无标签客户，从而将其排除在基于标签的定向之外。
### **2. 目标**
您可以从**两种选项**中选择。
**多个目标**
**单个目标**
#### 2.1. 目标设置
此部分允许您设置进度条的关键详细信息。
* **数值：** 输入目标的目标值。
* **目标标题：** 这是目标的名称。
* **目标描述：** 向客户解释该目标的描述。
* **选择目标图标：** 从四个预设图标中选择代表您目标的图标，或从您的电脑上传您自己的图标。
* **倒计时消息：** 添加一条消息，显示客户还需要花费多少才能解锁该目标。
* **成功标签：** 设置一条成功消息，在客户达到目标时进行庆祝。
* **添加目标：** 此选项仅在您设置多个目标时可用——“+”按钮可让您添加多个激励目标。
### 3. 显示
* **每解锁一个目标就显示成功标签**：启用此选项可在客户每完成一个目标时显示一条成功消息。
* **显示进度条标题：** 如果您想在进度条顶部显示标题，请启用此选项。
* **显示开始消息：** 在进度条开始处显示一条自定义消息，让客户了解他们可以获得的奖励。
* **在所有目标解锁后显示消息：** 自定义所有目标完成后出现的最终消息。
* **图标大小：** 选择进度条上显示的图标大小。
* **进度条高度：** 从两个选项中选择进度条的高度
**固定高度进度条**：无论内容如何，高度都保持不变。\
**环绕图标：** 高度根据图标大小进行调整。
### **4. 颜色自定义**
此部分允许您调整优惠活动的视觉主题，以匹配您店铺的品牌形象。
* **选择主题：** 选择一个预设的配色主题应用于您的优惠活动。
您还可以通过调整以下元素的颜色进一步个性化设置。
* **进度条颜色：** 已激活进度条、空进度条。
* **文本颜色：** 目标标题、目标描述、成功背景颜色、成功标签文本、消息颜色。
* **背景和边框颜色：** 背景颜色、边框颜色。
### **5. 预览选项**
此部分可让您预览进度条在旅程各阶段的效果，从购物车为空到达成最终目标。
* **购物车为空：** 显示购物车为空时可获得的奖励。
* **达成目标**：显示客户满足条件后的进度和奖励。
* **达成最终目标：** 显示客户在奖励旅程中达成的最终目标。
### 6. 在主题中编辑进度条
某些主题可能需要额外的设置才能在店铺中正确显示该助推器。要调整此助推器的显示设置，请点击**打开主题编辑器**按钮。
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://docs.bogos.io/cn/detailed-guide/boosters/create-progress-bar.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.
