> For the complete documentation index, see [llms.txt](https://docs.fuul.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fuul.xyz/incentives-manager/incentives-hub/building-no-code-landing-pages.md).

# Fuul Hub

The Fuul Hub is a no-code hosted page that handles wallet connection, referrals, leaderboards, and reward tracking out of the box. All content is editable from the Hub Editor.

## Prerequisites

{% hint style="info" %}
This guide assumes you've already created a project, set up triggers, and configured your incentive program in the Fuul dashboard. See the [Quickstart](/getting-started/quickstart.md) if you haven't.
{% endhint %}

## Setup

### 1. Select the hosted solution

Go to **Overview** in the Fuul dashboard. In the **Your program URLs** section you'll see your Fuul Hub link and a **Go to customize page** button.

### 2. Customize your hub

Click **Go to customize page** to open the Hub Editor. The editor is organized into sections:

| Section             | What you can configure                                       |
| ------------------- | ------------------------------------------------------------ |
| **Theme**           | Colors and fonts                                             |
| **Hero**            | Title, subtitle, cover image, profile image                  |
| **Program rewards** | Reward cards per trigger — title, description, and CTA       |
| **Leaderboard**     | Show/hide leaderboard, leaderboard type, custom column names |
| **Other sections**  | Footer and drawer                                            |
| **Metadata**        | Page title tag, meta description, social share image         |

{% hint style="info" %}
The editor defaults to English. Use the language selector in the top-left to add additional languages (Spanish, Portuguese) and enter translated copy for each.
{% endhint %}

### 3. Share your hub URL

Your hosted hub URL is available in the dashboard. Share it with affiliates, who can generate their own tracking links from the hub.

## What users see

| Section               | What it shows                                                                                     |
| --------------------- | ------------------------------------------------------------------------------------------------- |
| **Referrals**         | Wallet connection and referral onboarding — users connect, sign, and get attributed to a referrer |
| **Program rewards**   | Cards for each active trigger, showing what users earn per action                                 |
| **Leaderboard**       | Ranking of top participants by earnings                                                           |
| **My earnings**       | Each user's personal reward history and claimable balance                                         |
| **Participant count** | Total number of participants in the program                                                       |

{% hint style="info" %}
Need the hub fully embedded in your app? Use the [SDK integration](/developer-guide/build-your-incentives-hub.md) instead.
{% endhint %}

{% embed url="<https://drive.google.com/file/d/1NRqlNe_eikybAGmDwAp5nXtnxF1vmIE3/view?usp=sharing>" %}

## Cookie consent

The Fuul Hub includes a built-in cookie consent banner. SDK initialization is gated behind user consent.

| Status       | Behavior                                                                                |
| ------------ | --------------------------------------------------------------------------------------- |
| **Accepted** | Consent state persisted in a cookie and `localStorage` (180-day expiry, `SameSite=Lax`) |
| **Declined** | `fuul.tracking_id` and all `fuul.sent_*` keys cleared from `localStorage`               |

Users can change their choice at any time via **Cookie preferences** in the footer.

The banner copy is available in English, Spanish (es-AR), and Portuguese (pt-BR) — it follows the language selected in the Hub Editor.