> 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/gempages.md).

# GemPages

GemPages 是一款功能强大、专注于提升转化率的建站工具，旨在提升您的 Shopify 网店体验。凭借 80 多个经过转化优化的模板，以及可根据图片或 URL 生成布局的 AI 功能，GemPages 能让您轻松打造独具品牌特色的网店。

**GemPages 主要功能：**

* 全部页面类型：首页、商品页、系列页、常见问题页、博客文章和落地页
* 精美的移动端友好模板，适配最新的 Shopify 主题
* 内置销售助推器：倒计时、库存计数器、捆绑、前后对比
* 极简建站流程：通过 AI 在几秒钟内将图片/URL 转换为布局
* 提升效率：全局样式、商品分配、主题区块等

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

{% embed url="<https://youtu.be/EGDC3_Hc4Hc?si=zXll7BGnPiH5w78>\_" %}

## 如何安装 GemPages

**步骤 1：** 从 [Shopify 应用商店](https://gempages.net/?ref=xwcvw2rs)安装 GemPages。

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

**步骤 2：** 参照 [GemPages 的这份指南](https://help.gempages.net/articles/create-new-page)创建一个新页面。

**步骤 3：** 打开 GemPages 编辑器并搜索应用元素。将该元素拖放到设计区域中。

<figure><img src="/files/7B8DehTFvoI9HRTisOpo" alt=""><figcaption></figcaption></figure>

**步骤 4：** 在每个元素中，您会找到四种小组件选项：

* [赠品图标](/cn/detailed-guide/customize/customize-gift-icon-and-gift-thumbnail.md)
* [赠品缩略图](/cn/detailed-guide/customize/customize-gift-icon-and-gift-thumbnail.md)
* [赠品滑块](/cn/detailed-guide/customize/customize-gift-slider.md)
* [购物车消息](/cn/detailed-guide/customize/customize-cart-message.md)
* [数量分级折扣](/cn/detailed-guide/discount-offer/create-quantity-break.md)
* [经典捆绑](/cn/detailed-guide/bundle-offer/create-classic-bundle.md)
* [任意搭配捆绑](/cn/detailed-guide/bundle-offer/create-mix-and-match-bundle.md)

选择适合您需求的小组件。选定后，您的页面会自动更新以呈现新布局，就像下方示例一样。

<figure><img src="/files/pv0QF5Ew9YzM0FqoTkTT" alt=""><figcaption><p>之前：默认赠品滑块</p></figcaption></figure>

<figure><img src="/files/nFbtWkfedwVLokyhTW7x" alt=""><figcaption><p>之后：新页面上的赠品滑块小组件</p></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/gempages.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.