> 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-bundle-builder.md).

# 自定义捆绑包构建器

## 1. 如何启用捆绑包 <a href="#how-to-enable-the-bundle" id="how-to-enable-the-bundle"></a>

创建捆绑包构建器优惠活动后，捆绑包构建器将作为独立页面显示。

访问捆绑包构建器的方法：

1. 打开 BOGOS 应用
2. 所有优惠活动 > 创建优惠活动 > 捆绑包
3. 捆绑包构建器

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

### 2.1. 捆绑包商品

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

* **添加按钮文本：** 设置客户点击以将商品添加到捆绑包的按钮标签。
* **查看更多文本：** 设置查看商品更多详情或变体的标签。
* **缺货文本：** 显示当前不可用商品的提示信息。
* **选择变体：** 当商品有多个变体供客户选择时显示的文本。
* **加载更多文本：** 设置在捆绑包区块中加载更多商品的标签。

### **2.2. 捆绑包摘要**

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

* **捆绑包摘要标题：** 设置显示捆绑包详情的摘要区域标题。
* **显示描述：** 切换是否在捆绑包摘要区域显示描述文本。
* **捆绑包摘要描述：** 添加一段关于捆绑包运作方式或其优势的简短描述。
* **优惠层级样式：** 决定折扣或奖励的进度以何种方式显示。
  * **标签**：以文本形式显示优惠内容。
  * **进度条**：使用可视化进度条展示客户距离解锁下一个奖励还有多远。
* **总价文本：** 设置捆绑包中所有商品总价的标签。
* **加入购物车文本：** 自定义“加入购物车”按钮文本，使其与您的品牌风格保持一致。
* **步骤文本：** 设置捆绑包创建过程中每个步骤的标签。
* **必选商品文本：** 显示提示信息，说明在特定步骤中必须添加的商品数量。
* **空白步骤文本：** 设置当特定步骤尚未添加任何商品时显示的信息。

### 2.3. 步骤图标

* **默认图标**：以可视化方式展示捆绑包创建过程中的步骤。这些图标可帮助客户快速识别和区分各个步骤。
* **上传自定义图标：** 支持上传自定义图片或 GIF 作为步骤图标，让商家可以使图标与品牌或商品主题保持一致

### 2.4. 颜色

BOGOS 允许您通过以下 4 种方法之一自定义所有元素的颜色：

* 从下拉菜单中选择一个**现成的配色方案**。
* **手动调整**所有可用颜色的每个颜色字段。
* 使用 [AI 主题检测器](#ai-theme-detector)根据您店铺的品牌风格自动生成完整的小组件配色方案。
* **联系 BOGOS 支持团队**获取颜色自定义方面的帮助。

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

#### AI 主题检测器

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

{% hint style="warning" %}
您的店铺不得设置密码保护，AI 才能访问并检测您的品牌颜色。
{% endhint %}

使用 BOGOS AI 编辑颜色的方法：

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

![](/files/8HMgW0p6Hvadbsq4mpf0)

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

![](/files/wr4WVSAsv8yHcB3JKixf)

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

## 3. 在商品页面以外的其他页面添加捆绑包构建器

{% hint style="info" %}
您可以将捆绑包构建器模块放置在店铺的任何页面上，结账页面除外。
{% endhint %}

**步骤 1：** 在 **Shopify 导航菜单**中导航到**网店** => 选择**主题** => **自定义**

**步骤 2：** 在 **Shopify 主题编辑器**中，前往您想要添加“混搭”模块的页面。

然后，在左侧面板中向下滚动，点击**添加区块**，选择**应用**，找到并选择 **BOGOS：捆绑包页面**模块。

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

**步骤 3**：在右上方面板中，完成设置字段。

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

* **优惠活动 ID**：输入您想要显示的捆绑包构建器优惠活动的 ID。

如需了解更多详情，请访问我们的\[[添加或调整 BOGOS 模块](/cn/quick-start-guide/adjust-bogos-blocks.md)]指南。


---

# 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-bundle-builder.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.