πNo-Code
The Fuul Hosted Hub lets you launch a fully functional incentives hub without writing any code. Fuul hosts the page, handles wallet connections, and displays rewards β you just configure it in the dashboard.
What you get
Referral onboarding
Users connect wallets and accept referrals on a Fuul-hosted page
Affiliate code creation
Affiliates generate tracking links and custom codes
Leaderboard display
Ranking of top affiliates and users by earnings
Reward display
Users see their earned and claimable rewards
Claiming interface
Built-in UI for claiming onchain token rewards
Prerequisites
This guide assumes you've already created a project, set up conversion events, and configured your incentive program in the Fuul dashboard. See the Quickstart if you haven't.
Setup steps
1. Select the hosted solution
Go to Account β Integration in the Fuul dashboard and select Fuul Hosted Solution.
2. Configure the redirect URL
Enter the URL where users should be redirected after connecting their wallet and signing the acceptance message on the Fuul onboarding page.
For example, if your app is at https://app.yourproject.com, the user journey is:
User clicks a referral link β lands on the Fuul-hosted onboarding page
Connects their wallet and signs the acceptance message
Gets redirected to
https://app.yourproject.comto start using your product
3. Customize your hub
Configure the visual appearance and behavior of your hosted hub. You can customize colors, logo, and the landing page layout using the Landing Page Builder.
4. Share your hub URL
Your hosted hub URL is available in the dashboard. Share it with affiliates, who can then generate their own tracking links from the hub.
Trade-offs
Zero development effort
Users land on a separate Fuul page before your app
Managed hosting and automatic updates
Less control over UX and branding
Built-in claiming and leaderboards
Cannot embed components directly in your app
The hosted hub adds one extra step to the user journey β users sign a message on the Fuul page before being redirected to your app. For a fully embedded experience with no redirects, use the SDK integration instead.
To maximize referral adoption, enable split rewards on your program so both the referrer and the referred user earn rewards. See Sharing Rewards with Referred Users.
Next steps
Customize the landing page
Switch to a custom-built hub
Enable split rewards

Last updated