> 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-block.md).

# 创建今日优惠模块

今日优惠模块是一个模块，您可以将其嵌入到店铺的任何页面中，让客户及时了解并参与您正在进行的促销活动。

您可以选择展示所有可用的优惠活动（赠品、捆绑商品、折扣），或者仅展示您选择的优惠活动，让客户随时了解情况，并推动他们参与您正在进行的促销活动。

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

**注意：**

* 设置好今日优惠模块后，您必须将其[**添加到您的主题**](#add-block-to-your-theme)中，才能使其显示在您的网店前台上。
* 您可以创建多个模块，每个模块具有不同的优惠活动和颜色设置，并在不同页面上展示它们。

{% embed url="<https://youtu.be/ykj6ujX5j9Q?si=8B904veHO7Ckn1OZ&t=221>" %}

## 设置优惠列表

### 1. 常规

首先，填写小组件的常规信息：

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

**助推器名称：** 编辑今日优惠模块的名称，仅供内部使用。这有助于您在系统中轻松管理它，客户不会看到此名称。

**助推器标题：** 编辑今日优惠模块的名称，此名称将对客户可见。

**助推器副标题（可选）：** 在模块标题下方添加可选描述，用于提供关于优惠活动的更多背景信息或详情。

### 2. 优惠卡片

<figure><img src="/files/9D5foBmx4WGL7tTEm7WJ" alt=""><figcaption></figcaption></figure>

首先，为今日优惠模块决定**优惠卡片布局**。您可以选择：

* **缩略图：** 以产品缩略图展示优惠活动。
* **产品预览：** 允许客户预览优惠活动中包含的产品。

然后，通过以下 2 种方法之一选择要在模块中展示的优惠活动：

* **自动选择：** 展示所有活跃的赠品、捆绑商品和折扣优惠活动。您也可以取消勾选任何优惠类型，将其从模块中排除。
* **手动选择：** 仅展示您选择的特定优惠活动。如果您选择了已停用的优惠活动，模块只有在其被激活后才会显示它们。

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

在**自定义优惠活动展示**中，点击“编辑优惠活动展示”以编辑每个优惠活动的内容，并选择要预览的产品。请按以下步骤操作：

1. 选择您想要编辑的优惠活动。
2. 编辑其标题和描述，这些内容将在今日优惠模块中展示给客户。
3. 添加重定向链接：当客户点击该按钮时，他们将被重定向到您链接的页面（产品页面、系列页面等）。您也可以编辑按钮文本。
4. 最后一个选项会根据您上面选择的卡片样式而有所不同：

▶ **如果您选择“缩略图”**，您可以通过以下 3 个选项为您的优惠活动选择缩略图：

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

* **单个产品图片：** 选择一个产品作为优惠活动缩略图。
* **产品图片组：** 选择最多 4 个产品作为优惠活动缩略图。
* **自定义图片：** 从可用图标中选择，或上传您自己的图片。我们建议使用最大不超过 100 KB 的 .jpg 或 .png 文件以便快速加载。

▶ **如果您选择“产品预览”**，您可以编辑“产品列表标签”，该标签会显示在产品列表上方。

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

**注意：** 如果您不编辑优惠活动展示，BOGOS 将显示优惠活动名称（您在创建优惠活动时设置的名称）作为标题，并随机选择一个产品用于图片预览。

### 3. 内容

<figure><img src="/files/88qTI1yCjQQOHfbqni7h" alt=""><figcaption></figcaption></figure>

为了吸引客户的注意力并提供更多关于促销活动的详情，您可以：

* **显示优惠活动描述：** 在标题下方显示优惠活动的简要描述（例如，“为您精选的最佳产品”）。
* **在产品列表中显示标签**（仅适用于“产品预览”）：在产品列表上方显示标签（例如，“从捆绑商品中购买至少 2 件商品”）。

## 设置模块样式

### 1. 布局

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

**在桌面端**，您可以选择以下两种展示布局之一：

* 每行 2 个优惠活动
* 每行 3 个优惠活动

**在移动端**，模块将自动显示每行 1 个优惠活动。

### 2. 颜色

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

在这里，您可以轻松自定义模块所有元素的颜色，以匹配您店铺的品牌形象。共有 3 个选项：

* **模块：** 更改今日优惠模块的整体颜色。
* **优惠卡片：** 调整展示每个优惠活动详情的优惠卡片颜色。
* **按钮：** 如果您为优惠活动设置了重定向链接，可以自定义按钮颜色。

尽情尝试这些设置，实时查看效果！

## 将模块添加到您的主题

设置好今日优惠模块后，请按照以下步骤使其**显示在您的店铺中**：

1. **网店 > 自定义**
2. **前往您希望模块出现的任意页面**（首页、购物车页面、产品页面、系列页面）。
3. 点击\*\*“添加区块”\*\* > **应用** > 找到\*\*“BOGOS: Today Offer Block”\*\*。

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

4. **拖放**该模块到您想要的位置。
5. **若要选择要展示的模块**，如果您只想展示一个而不是默认展示所有模块，请按照以下步骤操作：

返回 BOGOS 应用中的今日优惠模块设置 > **复制该模块的 ID**（例如，53）。

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

\> 导航至您的主题编辑器

\> 点击今日优惠模块 > 将该 ID 粘贴到“助推器 ID”字段中（例如，53）。

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

## 常见问题

<details>

<summary><strong>如何将今日优惠模块添加到我的 Shopify 主题？</strong></summary>

请先在 BOGOS 应用中创建并保存您的今日优惠模块（选择优惠活动、布局、颜色）。然后，按照以下步骤操作：

第 1 步：在 Shopify 后台前往网店 → 主题 → 自定义。

第 2 步：打开您想要放置模块的页面（首页、产品页、系列页、购物车页等）。

第 3 步：在左侧边栏中，点击“添加区块” → 应用 → 选择“BOGOS: Today Offer Block”。

<div align="left"><img src="/files/PsL5FQbO4slmLPkMVnsA" alt="" height="456" width="165"></div>

<div align="left"><img src="/files/oNMkMtHU6tejjc4RRl1V" alt="" height="380" width="366"></div>

第 4 步：将其拖动到所需位置并点击保存。

<div align="left"><img src="/files/mUZBRnsdjo2rQrjeNw7z" alt="" height="379" width="240"></div>

如果您只想展示一个特定模块

* 返回 BOGOS，复制该模块的 ID（例如 53）。
* 返回主题编辑器，点击今日优惠模块区块，将该 ID 粘贴到“助推器 ID”字段中，然后保存。

<div align="left"><img src="/files/4k8Rd4fnARYlz1CDqXRT" alt="" height="258" width="265"></div>

**如何查找助推器 ID？**

第 1 步：在您的 Shopify 后台打开 BOGOS 应用。

<div align="left"><img src="/files/G9TUeerINbi7GTtm5YFd" alt="" height="256" width="194"></div>

第 2 步：前往助推器 > 您想要展示的今日优惠模块

<div align="left"><img src="/files/jQesgoviT5fl0mvpLkHL" alt="" height="112" width="485"></div>

第 3 步：查看浏览器地址栏——最末尾的数字即为该 ID

<div align="left"><img src="/files/0vbF26LUgnAvwlqvgW6m" alt="" height="171" width="496"></div>

</details>

<details>

<summary><strong>如何自定义今日优惠模块中赠品的图片？</strong></summary>

今日优惠模块的图片是根据优惠活动中所选的第一个产品的图片设置的。如果您想更改图片，请按照以下步骤操作：

第 1 步：打开 BOGOS 应用 → 助推器 > 今日优惠模块。

<div align="left"><img src="/files/rZftja29tC91FoV9WpPO" alt="" height="178" width="530"></div>

第 2 步：打开您想要调整图片的今日优惠模块。在您的模块中，前往**优惠卡片**，确保布局 = **缩略图**。

<div align="left"><img src="/files/K8EUv0s5PCs39ZvwQi5u" alt="" height="295" width="411"></div>

第 3 步：在**自定义优惠活动展示**下，点击**编辑优惠活动展示**。

<div align="left"><img src="/files/u5Td4BWo6GSRZ9pfyJ7l" alt="" height="435" width="282"></div>

第 4 步：选择您想要的优惠活动 → 在缩略图部分选择：

<div align="left"><img src="/files/cesXjfqFm8PUnQu7Troi" alt="" height="363" width="609"></div>

* **单个产品图片**或**产品图片组**，然后选择产品，或者
* **自定义图片**并上传您自己的图片。

第 5 步：保存模块，然后刷新您的网店前台以查看新图片。

{% hint style="warning" %}
注意：如果您不编辑优惠活动展示，BOGOS 将自动为您选择一张产品图片。
{% endhint %}

</details>

<details>

<summary><strong>当我的优惠活动被停用或过期时，它会自动从今日优惠模块中隐藏吗？</strong></summary>

是的。今日优惠模块只展示活跃的优惠活动。请注意：

* 已停用或已过期的优惠活动会自动从您网店前台的模块中隐藏。
* 如果您是手动选择的优惠活动，它们仍会列在模块设置中，但在您重新激活之前不会展示给客户

</details>


---

# 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-block.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.