> 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-today-offer-old-version.md).

# 自定义今日优惠（旧版）

今日优惠小组件向网店顾客展示当前可用的优惠活动。该小组件会通知顾客正在进行的促销活动，并鼓励他们利用这些优惠。

{% embed url="<https://youtu.be/Cln7YR8BSGE>" %}

{% hint style="warning" %}
这是今日优惠小组件的旧版本。虽然您仍然可以进行设置（仅适用于目前正在使用它的用户），但我们强烈建议您[设置最新版本](/cn/detailed-guide/boosters/create-today-offer-widget.md)。
{% endhint %}

## 1. 今日优惠小组件的不同组成部分 <a href="#how-to-enable-the-widget" id="how-to-enable-the-widget"></a>

### 1.1. 启用今日优惠小组件

该小组件在您的店铺中默认为停用状态。要禁用/启用它，请前往"通用 > 启用小组件"。

<figure><img src="/files/kgxfXFcee63LCDuwKPrd" alt=""><figcaption></figcaption></figure>

### 1.2. 启用赠品通知

赠品通知是一种基于语法的文本，用于告知顾客每个优惠活动的**赠品数量**和**折扣**。赠品通知[可以编辑](#widget-info)。

要开启赠品通知，请在同一个"通用"菜单中点击"启用赠品通知"。

<figure><img src="/files/C5HgyClfUZ7wsi9zPyve" alt=""><figcaption></figcaption></figure>

### 1.3. 显示赠品预览

赠品预览为顾客提供每个优惠活动所获赠品的"预览"。

有一些可自定义的选项：

* 按商品或按变体显示赠品
* 每个优惠活动显示的赠品数量：每个优惠活动在出现"查看更多"按钮之前显示的最大赠品数量。当顾客点击"查看更多"按钮时，该优惠活动的所有赠品将在小组件内显示。

<figure><img src="/files/pF2PSZgTaVWTkek2CDkv" alt=""><figcaption></figcaption></figure>

### 1.4. 添加"获取优惠"按钮

此按钮会将顾客重定向到您添加的链接，使您的今日优惠成为更具转化力的小组件。

此设置不是直接在"自定义"中添加的，而是在"创建优惠活动"界面中添加。请参照[这份说明](https://docs.bogos.io/cn/detailed-guide/customize/pages/hIgtYz7kYb49PakeZmkU#id-5.3.-today-offer)。

<figure><img src="/files/jDKwIhqZKEcCG0kTaNXh" alt=""><figcaption></figcaption></figure>

以下是今日优惠小组件完整版本在您网店前台上的显示效果：

<figure><img src="/files/ubxGrObjj2mNJybkTsII" alt=""><figcaption></figcaption></figure>

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

### 2.1. 小组件图标 <a href="#widget-icon" id="widget-icon"></a>

* 启用小组件：在网店上显示今日优惠小组件
* 选择图标：从一组默认 BOGOS 图标中选择，或上传您自己的自定义图标
* 小组件样式：仅显示图标或带标题文本一起显示
* 图标位置：选择适合您店铺的位置（右下角或左下角）

### 2.2. 小组件信息 <a href="#widget-info" id="widget-info"></a>

在这里自定义有关今日优惠小组件的通用信息：

* 标题文本：选择一个能吸引顾客的标题
* 描述文本：为您的活动撰写简短且吸引人的描述
* 赠品通知：小组件中每个优惠活动上出现的固定元素，显示该优惠活动的赠品数量和折扣金额。

### 2.3. 颜色 <a href="#color" id="color"></a>

更改颜色以匹配您的店铺品牌风格。

背景颜色

* 标题背景：自定义标题部分的背景颜色。
* 主体背景：设置小组件主体部分的背景颜色。

标题颜色

* 标题文本：调整小组件中显示的标题文本的颜色。
* 描述文本：修改标题下方描述性文本的颜色。

优惠活动颜色

* 优惠活动标题：更改小组件中列出的每个优惠活动标题的颜色。
* 赠品通知颜色：设置突出显示赠品的通知图标的颜色。
* 商品标题：自定义优惠活动中显示的商品标题的颜色。
* 商品折扣价格：调整折扣后商品价格的颜色。
* 商品原价：设置商品原价（带删除线）的颜色。

优惠活动状态颜色

* 默认优惠活动：指定优惠活动处于默认状态（未激活）时的颜色。
* 成功优惠活动：更改符合条件的优惠活动（已激活）的颜色。


---

# 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-today-offer-old-version.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.