> For the complete documentation index, see [llms.txt](https://guide.hypercape.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.hypercape.com/brand-mall-studio/mini-mall-simple-guide.md).

# Mini Mall Simple Guide

## Mini Mall Simple Guide

This guide explains Mini Mall in the simplest way possible.

Mini Mall is a small public shopping page you can make in Hypercape. It shows your intro image, your product list, and a public link that visitors can open.\
\
🛍️ **mini-mall example** : <https://creator.hypercape.com/shops/@omb>

{% hint style="success" %}
**You can earn H-Point from eligible Mini Mall sales.** The current Mini Shop sales reward is `15%` of product&#x20;

sales, excluding shipping, customs duties, and tax.
{% endhint %}

{% hint style="info" %}
The fastest way to get familiar with Mini Mall is to **try it yourself** — and we’ll **continue adding more features** to help you **grow**.
{% endhint %}

***

### 1. What Is Mini Mall?

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

Mini Mall is a quick shopping page for creators.

Use it when you want to:

* Show a simple brand intro.
* Pick products you want to recommend.
* Share one public shopping link.
* Check orders after people buy.
* Convert earned H-Point through Olivo later.

The important idea is simple:

| If this happens                                         | What it means                                                 |
| ------------------------------------------------------- | ------------------------------------------------------------- |
| A visitor buys eligible products through your Mini Mall | You can earn H-Point from the product sales amount.           |
| The order includes shipping, customs duties, or tax     | Those amounts are not included in the 15% reward calculation. |
| The order is refunded or returned                       | The related H-Point may not become available.                 |

{% hint style="info" %}
Think of Mini Mall as your short shopping link, not a full website. First, make it clear and easy to buy. You can improve the design later.
{% endhint %}

***

### 2. Build Mini Mall In 4 Steps

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

Do not try to understand every button on the first day. Build the page in this order:

1. `Theme` - choose Mini Mall and set the first look.
2. `Products` - choose what you want to sell.
3. `Sections` - edit the banner, product area, and footer.
4. `Publish` - check the public page and share the link.

{% hint style="info" %}
Detailed pages for Theme settings, product badges, Creator notes, Main banner controls, and Product section controls will be added later. This page only covers the fastest path.
{% endhint %}

#### Step 1. Theme

Choose the Mini Mall page type and set the basic look.

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

In this step, you mainly check the first look:

| Area              | What to set                                   |
| ----------------- | --------------------------------------------- |
| Text logo         | Logo text, font style, color, and size.       |
| Subtitle          | One short line that explains the shop mood.   |
| Theme live canvas | The desktop and mobile preview before saving. |

Do this:

* Select `Theme`.
* Check the `Text logo` settings.
* Add or edit the `Subtitle`.
* Check the `Theme live canvas` on the right.
* Use `Desktop` and `Mobile` preview if you need to check both layouts.
* Select `Save`.

Before moving on, make sure the wordmark and subtitle are easy to read on the main image.

#### Step 2. Products

Choose the products that will appear in your Mini Mall.

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

Do this:

* Search for products.
* Add the products you want to recommend.
* Put the most important products near the top.
* Add a short `BADGE` or `CREATOR NOTE` only when it helps visitors understand the product.
* Select `Save`.

Before moving on, remove test products, sold-out products, and products that are not ready to sell.

#### Step 3. Sections

Sections are the parts of your public page.

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

For a simple Mini Mall, focus on these things:

| Section     | What to check                                                                          |
| ----------- | -------------------------------------------------------------------------------------- |
| Main banner | The first image, web and mobile ratio, background color, and short intro mood.         |
| Info        | Brand, social, and custom information cards.                                           |
| Social Feed | The compact feed dock on the main banner and the social media tiles visitors can open. |
| Products    | Product card size and collections.                                                     |
| Footer      | Support, company, and legal information.                                               |

Do this:

* Select `Main banner` and check the desktop image, mobile image, ratio, and background color.
* Select `Info` and keep only useful cards, such as brand, social, contact, or custom information.
* Select `Social Feed`, add a tile, paste an Instagram post/reel/tv URL, then select `Fetch thumbnail`.
* Select `Products` and check the product card size, product order, and collection labels.
* Select `Footer` and confirm support, company, social, and legal information.

For Social Feed, use a direct Instagram content URL such as `https://instagram.com/p/...` or `https://instagram.com/reel/...`, then select `Fetch thumbnail`. If the thumbnail does not load, try another Instagram URL before saving.

<figure><img src="/files/8uiBD5Egmh26Hyv2JSI7" alt=""><figcaption></figcaption></figure>

For `Products`, use `Collections` to group related products, such as bestsellers, routines, or body care, so visitors can browse faster.

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

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

Keep the text short. Visitors should understand what the page sells in a few seconds.

#### Step 4. Publish

Publish is the final check before visitors see the page.

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

Do this:

* Confirm the version is `Mini Mall`.
* Check the public link.
* Fix any footer warning.
* Open `Visit Shop` and look at the real public page.
* If it looks correct, publish or keep it public.

{% hint style="warning" %}
`Save` stores your edits. `Publish` applies the saved page to the public page visitors can see.
{% endhint %}

***

### 3. Check Order History

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

After visitors buy from your Mini Mall, check the order in `Orders`.

Open it from:

`Profile` -> `Mini Shop` -> `Orders`

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

Use this page to check:

| Area           | What to look at                                                      |
| -------------- | -------------------------------------------------------------------- |
| Order card     | Order number, order date, product count, and payment amount.         |
| Status badge   | Whether the order is paid, cancelled, refunded, or in another state. |
| Line items     | Which products were ordered and how many.                            |
| Order timeline | What happened to the order over time.                                |

If something looks wrong, open `Order timeline` first. It usually explains whether the order was paid, cancelled, refunded, or updated.

***

### 4. Convert Through Olivo

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

Use `My Wallet` to check H-Point and request conversion.

Open it from:

`Profile` -> `Wallet` -> `My Wallet`

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

#### H-Point Policy

{% hint style="warning" %}
**Policy:** `Pending H-Point` cannot be converted. Only `Available H-Point` can be used for conversion.
{% endhint %}

| Policy         | Simple explanation                                                                                                  |
| -------------- | ------------------------------------------------------------------------------------------------------------------- |
| Sales reward   | Eligible Mini Mall product sales currently earn `15%`, excluding shipping, customs duties, and tax.                 |
| Pending period | H-Point from Mini Mall sales becomes available 7 days after delivery only if there is no refund or return issue.    |
| Minimum amount | Conversion currently starts from `1,000 HP`. Olivo also checks a `10 USD` minimum.                                  |
| Quote first    | Use `Get Quote` before submitting. It shows whether the request can continue.                                       |
| Wallet check   | You need a verified `One Vault Email` so the recipient wallet can be found.                                         |
| Not instant    | Submitting creates an Olivo payout request. H-Point is debited only after admin and payout processing are complete. |

#### Simple Conversion Flow

1. Check `Available H-Point`.
2. Select `Convert to USDC`.
3. Enter the amount.
4. Verify the `One Vault Email`.
5. Select `Get Quote`.
6. If the quote is eligible, submit the request.
7. Check the request status in `Olivo Requests`.
8. Check the final ledger in `Transactions`.

***

### Quick Final Checklist

<figure><img src="/files/2zpGpyGOkKZGH89qqq7u" alt=""><figcaption></figcaption></figure>

Before sharing your Mini Mall link, check these:

| Check                                                    | Done |
| -------------------------------------------------------- | ---- |
| Storefront version is `Mini Mall`.                       |      |
| Main image and logo are easy to read.                    |      |
| Products are ready to sell.                              |      |
| Important products are near the top.                     |      |
| Footer information is complete.                          |      |
| The public link opens correctly.                         |      |
| You know where to check `Orders`.                        |      |
| You know that only `Available H-Point` can be converted. |      |

Start simple: choose the page style, add products, check the page sections, publish, then review orders and H-Point after sales happen.
