> 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/customize/customize-cart-message.md).

# 自定义购物车提示信息

{% embed url="<https://www.youtube.com/watch?v=EozMJe_kw1U>" %}

## 1. 如何启用购物车提示信息 <a href="#how-to-enable-the-cart-message" id="how-to-enable-the-cart-message"></a>

要启用并编辑购物车提示信息的内容，请前往各个优惠活动。每个优惠活动都会有不同的提示信息；当存在多条消息时，它们会轮流依次显示。

<figure><img src="https://bogos-guideline.gitbook.io/~gitbook/image?url=https%3A%2F%2F1174860429-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FBQEzvXIQmpPrTmxjT8T6%252Fuploads%252FJf6l2vA1kTDlCke0wXrR%252FCMM.jpg%3Falt%3Dmedia%26token%3Defaa8f0a-4032-4546-9094-dde0c210d513&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=1389ab1&#x26;sv=1" alt=""><figcaption></figcaption></figure>

以下是它在您的网店前台上的显示示例：

<figure><img src="https://bogos-guideline.gitbook.io/~gitbook/image?url=https%3A%2F%2F1174860429-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FBQEzvXIQmpPrTmxjT8T6%252Fuploads%252FGqGakNfEen1mH8A16UN5%252Fcartmessage.png%3Falt%3Dmedia%26token%3Dcdc7404c-93d1-425d-bf18-19f4c964c5ae&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=104eb58&#x26;sv=1" alt=""><figcaption></figcaption></figure>

## 2. 自定义选项 <a href="#customization-options" id="customization-options"></a>

除了购物车提示信息的内容之外，您还可以在自定义页面上调整其外观。

1. 启用**在购物车页面上显示**，可让提示信息显示在购物车页面上
2. 自定义颜色：BOGOS 允许您通过以下 3 种方式中的任意一种来自定义所有元素的颜色：

* **手动调整**所有可用颜色字段。
* 使用 [AI 主题检测器](#ai-theme-detector)根据您店铺的品牌形象自动生成完整的小组件配色方案。
* **联系 BOGOS 支持团队**获取颜色自定义方面的帮助。

完成后点击**保存**。

#### AI 主题检测器

BOGOS AI 会扫描您的网店，检测品牌的主色、辅色和文本颜色，然后自动生成完整的小组件配色方案。

{% hint style="warning" %}
您的店铺**不得**设置密码保护，否则 AI 将无法访问和检测您的品牌颜色。
{% endhint %}

使用 BOGOS AI 编辑颜色：

1. 点击**笔形图标**。

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. 点击**重新扫描**让 BOGOS AI 重新检测，或**手动调整**主色、辅色或文本字段。

![](/files/wr4WVSAsv8yHcB3JKixf)

3. 点击**应用于预览**，将颜色应用到小组件预览中。

## 倒计时消息 <a href="#countdown-message" id="countdown-message"></a>

如果您想在购物车页面上显示“倒计时消息”，例如：再消费 $xx 即可获得赠品，您可以尝试按以下方式设置购物车提示信息的格式（因为购物车提示信息支持 HTML）

> 再消费 {{sca\_min\_total\_with\_currency}} 即可获得免费赠品
>
> 再购买 {{sca\_min\_quantity}} 件即可获得免费赠品


---

# 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/customize/customize-cart-message.md?ask=<question>&goal=<endgoal>
```

`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.