> 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.


---

# 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.fuul.xyz/incentives-manager/incentives-hub/building-no-code-landing-pages.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.