> 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FSSDjnLmJIu4psXbiPdsP%2Fmini_mall_01_what_is_mini_mall%20(1).png?alt=media&amp;token=4f8b8baf-0460-431f-bf50-00bd78dd6dee" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2Fu5EGBkS78R0X6Z2FCP56%2Fimage982374.png?alt=media&amp;token=c5d31dfa-a146-41a4-985c-f1338b751a02" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2F0yoPdHiqiDWzWBmSIIYR%2Fimage.png?alt=media&amp;token=5b6e6e85-b9e0-4788-afd7-57f80b336b96" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FVAQNSxcuaRVIL1jQXywX%2Fimage.png?alt=media&amp;token=a0045a8f-ee2e-40f1-9127-ec97e37b572b" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FZUxSfe4urpckTJogyXal%2Fimage.png?alt=media&amp;token=c05b5758-1768-4340-b5bf-6d6a3b55b6cd" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FDka6nhjZ01dn6ZKqvSWk%2Fimage.png?alt=media&amp;token=b42e7aa5-e933-45eb-8f43-4efbc153e2f0" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FyreKpPpyxDnO2QASCYjB%2Fimage.png?alt=media&amp;token=ff66392e-86f1-422e-9e51-a96a6575c19e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2Fn2hxncCL4K9jUDgDzS3N%2Fimage.png?alt=media&amp;token=2620d59d-995f-4ff8-8848-8ded45d6a26b" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2Fec8BHUz5MbPOxraO7DM7%2Fimage.png?alt=media&amp;token=3743511a-8837-4558-aeb4-fac32b760fff" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FnUcx18n0ZknaJgIHjtkr%2FAIDrawing_260623_3ae2ff1b-4523-46f0-9097-0ec6f50422b4_0_MiriCanvas.png?alt=media&amp;token=206d9dc8-3442-483e-9efa-9525e5ed624c" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FSBzcq6C4qFH0XqqO9rfA%2Fimage.png?alt=media&amp;token=4ab329db-2976-4bb8-afc2-0bf514d528c8" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2F8yWP2EyqKuoCEq2uP6Ug%2FAIDrawing_260623_589c916e-c273-4743-8df9-df3de6df4e49_0_MiriCanvas.png?alt=media&amp;token=e4d2315e-56cb-4a57-a116-214343de4385" alt=""><figcaption></figcaption></figure>

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

Open it from:

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

<figure><img src="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2F4bojRekMsX0EXCyQFfSc%2Fimage.png?alt=media&amp;token=e0c23ee8-b76b-4cee-9c1e-ce4b294626d9" 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="https://3720355098-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmVnLoHDk5ZkU3shqZqa%2Fuploads%2FCOmgt6g0HpHtnDsi1kl0%2FAIDrawing_260623_1b822726-b17f-433d-a882-3f80337b6c84_0_MiriCanvas.png?alt=media&amp;token=e81acdd0-b81c-4cea-bd48-c3a7474e914f" 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.