> 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-today-offer-widget.md).
# 创建今日优惠小组件
如果您想通过通知客户当前的优惠活动来吸引他们的注意力，请使用今日优惠小组件！
您可以选择展示所有可用的优惠活动（赠品、捆绑商品、折扣），或者仅展示您选择的优惠活动，让客户随时了解情况，并推动他们参与您正在进行的促销活动。
**注意：**
* 您只能创建 1 个今日优惠小组件。
* 今日优惠小组件只会展示活跃的优惠活动。如果您停用任何优惠活动，它们将自动从小组件中消失。
* 如果您正在使用位于“自定义”字段中的旧版本，请先停用该版本，然后再使用这个新版本。
{% embed url="" %}
## 设置优惠列表
### 1. 常规
首先，填写小组件的常规信息：
**助推器名称：** 编辑今日优惠小组件的名称，仅供内部使用。这有助于您在系统中轻松管理它，客户不会看到此名称。
**助推器标题：** 编辑今日优惠小组件的标题，此标题将对客户可见。
**助推器副标题（可选）：** 在助推器标题下方添加可选描述，用于提供关于优惠活动的更多背景信息或详情。
### 2. 优惠卡片
首先，为今日优惠小组件决定卡片布局。您可以选择：
* **缩略图：** 以产品缩略图展示优惠活动。
* **产品预览：** 允许客户预览优惠活动中包含的产品。
然后，通过以下 2 种方法之一选择要在小组件中展示的优惠活动：
* **自动选择：** 展示所有活跃的赠品、捆绑商品和折扣优惠活动。您也可以取消勾选任何优惠类型，将其从小组件中排除。
* **手动选择：** 仅展示您选择的特定优惠活动。如果您选择了已停用的优惠活动，小组件只有在其被激活后才会显示它们。
在\*\*“自定义优惠活动展示”\*\*中，点击“编辑优惠活动展示”以编辑每个优惠活动的内容，并选择要预览的产品。请按以下步骤操作：
1. 选择您想要编辑的优惠活动。
2. 编辑其标题和描述，这些内容将在今日优惠小组件中展示给客户。
3. 添加重定向链接：当客户点击该按钮时，他们将被重定向到您链接的页面（产品页面、系列页面等）。您也可以编辑按钮文本。
4. 最后一个选项会根据您上面选择的卡片样式而有所不同：
▶ **如果您选择“缩略图”**，您可以通过以下 3 个选项为您的优惠活动设置缩略图：
* **单个产品图片：** 选择一个产品作为优惠活动缩略图。
* **产品图片组：** 选择最多 4 个产品作为优惠活动缩略图。
* **自定义图片：** 从可用图标中选择，或上传您自己的图片。我们建议使用最大不超过 100 KB 的 .jpg 或 .png 文件以便快速加载。
▶ **如果您选择“产品预览”**，您可以编辑“产品列表标签”，该标签会显示在产品列表上方。
**注意：** 如果您不编辑优惠活动展示，BOGOS 将显示优惠活动名称（您在创建优惠活动时设置的名称）作为标题，并随机选择一个产品用于图片预览。
### 3. 内容
为了吸引客户的注意力并提供更多关于促销活动的详情，您可以：
* **显示优惠活动描述：** 在标题下方显示优惠活动的简要描述（例如，“为您精选的最佳产品”）。
* **在产品列表中显示标签**（仅在选择“产品预览”时可用）：在产品列表上方显示标签（例如，“从捆绑商品中购买至少 2 件商品”）。
## 设置小组件样式
### 1. 图标
**小组件样式：** 选择仅显示图标，或同时显示图标和标题文本。您可以在“小组件标题文本”字段中自定义标题文本。
**小组件位置：** 将小组件放置在右下角或左下角。
**选择图标：**
* 从一组默认的 BOGOS 图标中为今日优惠小组件选择图标，或上传您自己的自定义图标。
* 您还可以调整图标大小和内边距以适应您的设计。
### 2. 页面展示
此选项让您控制今日优惠小组件在店铺中出现的位置：
**在所有页面显示：** 在您店铺的所有页面展示小组件。
**在特定页面显示：** 勾选您希望小组件出现的页面（您可以选择多个页面）：
* 首页：在您的首页显示小组件
* 购物车页面：在购物车页面显示小组件
* 产品页面：在所有产品页面显示小组件
* 系列页面：在所有系列页面显示小组件
* 自定义页面：在特定页面显示或隐藏今日优惠小组件。有 4 个选项可供选择：
* 等于：输入您希望小组件显示的确切 URL（指向特定系列的链接、特定产品页面等）。*例如：*
* 不等于：输入您不希望小组件显示的 URL。*例如：*
* 包含：输入一个关键词。小组件将仅在 URL 中包含该关键词的页面上显示。*例如：“summer-sale”。*
* 不包含：输入一个关键词，以在 URL 中包含该关键词的页面上隐藏小组件。*例如：“summer-sale”。*
### 3. 颜色
在这里，您可以轻松自定义小组件所有元素的颜色，以匹配您店铺的品牌形象。共有 4 个选项：
* **小组件颜色：** 更改今日优惠小组件的整体颜色。
* **优惠卡片：** 调整展示每个优惠活动详情的优惠卡片颜色。
* **按钮：** 如果您为优惠活动设置了重定向链接，可以自定义按钮颜色。
* **提示点：** 修改提示点的颜色，该提示点显示您店铺中有多少个活跃优惠可用。
尽情尝试这些设置，实时查看效果！
## 常见问题
如何在今日优惠小组件中显示所有赠品？
要在今日优惠小组件中展示您所有的赠品优惠活动：
1. 前往 BOGOS 应用 → 助推器 → 今日优惠（小组件）。
2. 在优惠卡片中 → 选择卡片布局（缩略图或产品预览）。
3. 在“选择要展示的优惠活动”下，选择**自动选择**，并保持**赠品**（以及您想要的任何其他类型）处于勾选状态。
4. 确保所有相关的赠品优惠活动均为**活跃**状态，以便它们出现在小组件中。
之后，小组件将列出所有活跃的赠品优惠活动（根据布局预览其赠品）。
如何在今日优惠小组件中添加可点击的链接/按钮？
要在今日优惠小组件中添加可点击的链接/按钮：
1. 打开助推器 > 今日优惠（小组件） > 优惠列表。
2. 在“自定义优惠活动展示”中，点击**编辑优惠活动展示**。
3. 选择您想要编辑的特定优惠卡片。
4. 在该优惠活动的设置中，找到添加重定向链接：
* 粘贴您的目标 URL（产品、系列、落地页等）。
* 如有需要，编辑按钮文本（例如，“立即购买”、“查看优惠”）。
5. 保存您的更改；该按钮现在将出现在今日优惠小组件中该优惠活动的卡片内。
如何在其他语言站点上翻译今日优惠上的文本？
{% hint style="warning" %}
注意：小组件内显示的产品名称来自您的产品，可能无法通过 BOGOS 翻译（需由您的店铺/翻译应用处理）。
{% endhint %}
要更改今日优惠的语言，请前往我们应用中的翻译部分，然后添加语言翻译 > 选择今日优惠进行翻译。
---
# 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-today-offer-widget.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.