> 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/integration/page-builder-apps/ecomposer.md).

# Ecomposer

EComposer 是一款简单快速的建站工具，让商家能够构建任意页面类型或区块，效果出众且转化率高。支持落地页、首页、系列页面、商品页、博客页面、购物车页面、页脚、即将上线页面、404 页面以及任意主题区块

**EComposer 主要功能：**

* 构建任意页面和区块：从落地页到首页、系列页面、商品页等
* 实时拖放式建站工具，简单易用，无需代码，采用 Shopify 标准界面
* 设计库：多种页面布局、区块模板、丰富的元素
* 内置附加功能：Ajax 购物车、颜色色卡、图片优化器、交叉销售等
* 高级功能：页面数据分析、全局模块、AI 内容生成器、延迟加载等

{% hint style="info" %}
BOGOS 与 EComposer 之间的集成支持动态的优惠活动放置与自定义。
{% endhint %}

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

## 如何安装 EComposer

**步骤 1：** 从 [Shopify 应用商店](https://apps.shopify.com/freegifts?utm_source=BOGOS.io\&utm_medium=helpdoc)安装 EComposer。

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

**步骤 2：** 参照这份[快速指南](https://help.ecomposer.io/docs/getting-started/build-your-first-page/)创建您的 EComposer 页面。

**步骤 3：** 在面板中，添加新元素 -> 添加新扩展

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

**步骤 4：** 安装 BOGOS.io 免费赠品扩展。请确保您的 Shopify 店铺中已安装 BOGOS 应用。您还可以先创建一个[赠品优惠](/cn/detailed-guide/gift-offer.md)或[捆绑优惠](/cn/detailed-guide/bundle-offer.md)，然后再到 EComposer 中进行设置。

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

**步骤 5：** 将 BOGOS 元素拖放到您的页面或模板中。您会找到五种不同的元素：

* 购物车消息：向客户通知优惠活动信息，可在所有类型的页面上显示
* 赠品滑块：赠品或折扣商品列表，可在所有类型的页面上显示
* 赠品图标：仅在商品页面上显示
* 赠品缩略图：仅在商品页面上显示
* 捆绑：仅在商品页面上显示

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

选择适合您需求的元素。选定后，您的页面会自动更新以呈现新布局。


---

# 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/integration/page-builder-apps/ecomposer.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.