> 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/mobile-app-builder-apps/superfans.md).

# Superfans

{% embed url="<https://youtu.be/0KbAk1bzALk?si=Zyvot70_HsUNLS0a>" %}

[**Superfans**](https://apps.shopify.com/vajro?utm_source=partner\&utm_medium=BOGOS\&utm_campaign=integration_helpdoc) 是一款面向 Shopify 和 Shopify Plus 品牌的无代码移动应用构建工具，旨在通过原生 iOS 和 Android 应用将移动端购物者转化为忠实客户。凭借其直观的构建工具和强大的互动功能，Superfans 使商家能够提供快速、引人入胜且高转化率的移动购物体验。

通过 [BOGOS](https://apps.shopify.com/freegifts?utm_source=gitbook\&utm_medium=integration\&utm_campaign=Superfans) 与 [Superfans](https://apps.shopify.com/vajro?utm_source=partner\&utm_medium=BOGOS\&utm_campaign=integration_helpdoc) 的集成，你可以直接从单一面板轻松创建、管理和展示移动应用上的赠品促销活动。

**Superfans 主要功能：**

* 无代码移动应用构建工具——通过简单的拖放界面创建原生 iOS 和 Android 应用
* 无限推送通知——向特定客户群体发送定向移动通知。
* 一键集成——无缝连接你现有的 Shopify 应用和技术栈。
* 直播销售功能——在你的移动应用和 Facebook 上举办直播，吸引购物者并促进更多销售。

***注意：*** 只有当赠品机制设置为赠品克隆（Gift Clone）时，赠品优惠才能在移动应用上生效。

要配置此项：

* 前往 BOGOS → 设置。
* 找到“赠品逻辑机制”，然后选择“克隆商品”。

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

## 如何将 BOGOS 与 Superfans 集成

\*\*步骤 1：\*\*从 Shopify 应用商店安装 [BOGOS](https://apps.shopify.com/freegifts?utm_source=gitbook\&utm_medium=integration\&utm_campaign=Superfans) 和 [Superfans](https://apps.shopify.com/vajro?utm_source=partner\&utm_medium=BOGOS\&utm_campaign=integration_helpdoc)

\*\*步骤 2：\*\*在 BOGOS 应用上设置赠品优惠

要设置自动将赠品添加到购物车，请再次确认你是否在“设置 → 赠品条件”下启用了“自动将赠品添加到购物车”设置。

<figure><img src="/files/33Bw8Ju6mL9pL4T9qzuv" alt=""><figcaption></figcaption></figure>

创建优惠活动时，选择“自动添加所有赠品”。

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

详情请参阅[创建赠品优惠](https://bogos-guideline.gitbook.io/user-guide/detailed-guide/gift-offer/create-gift-offer#id-4.-select-gifts)指南。

\*\*步骤 3：\*\*在 Superfans 中激活 BOGOS 集成

* 在 Superfans 中，导航至 Plugins。
* 找到 BOGOS，点击 View details 或打开开关。

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

* 输入你的 BOGOS API 密钥（联系 BOGOS 支持团队获取此密钥）。
* 然后，点击 Save and enable plugin。

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

\*\*步骤 4：\*\*在 Superfans 中添加 BOGOS 赠品滑块和 BOGOS 核心组件

* 在 Superfans 中，前往 Themes 部分并打开你的店铺主题。
* 打开 Cart 页面。
* 点击 Add block → Plugin。

<figure><img src="/files/4xGcQ3Ne89YjFvOhvIdm" alt=""><figcaption></figcaption></figure>

* 添加以下组件：**BOGOS Gift Slider** 和 **BOGOS Core**

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

\*\*步骤 5：\*\*将 BOGOS 赠品商品添加到 Superfans

* 在 Shopify 中，前往 Products。
* 选择来自 BOGOS 优惠活动的所有赠品商品。
* 点击 “…” 图标，选择 Include in sales channels。
* 选择 Superfans 并点击 Include products。

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

\*\*步骤 6：\*\*在 Superfans 上测试你的优惠活动，确保一切正常运行

#### 仅在移动应用渠道上运行赠品优惠

此功能可创建仅在移动应用上可用的赠品优惠活动，即客户只有通过移动应用商店版本购买时才能享受该优惠。

**设置方法：**

* 打开 BOGOS 应用 > 创建新的赠品优惠活动或选择现有的赠品优惠活动。
* 添加优惠活动子条件 > 添加移动应用渠道
* 点击发布你的优惠活动

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

*注意：其他子条件在移动应用上**不生效**。*

#### 在移动应用上管理赠品库存

对于赠品克隆机制，赠品数量遵循你在 Settings 中的配置：

* 自动将克隆商品的数量与原商品同步——移动应用中的赠品数量将与原商品的库存保持同步。
* 手动输入赠品商品库存——你可以独立于原商品手动控制赠品数量。

<figure><img src="/files/uQ05KHilKFardoXWrBXd" 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/mobile-app-builder-apps/superfans.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.