Skip to main content
The Cello Referral Component is an all-in-one referral experience that integrates directly into your web and mobile applications with just a few lines of code, enabling users to share referral links, track progress, and receive rewards. Cello Referral Component interface showing sharing options and rewards tracking

​
What is the Referral Component?

The Referral Component provides a complete referral experience within your product through:
  • First-time onboarding that explains how your referral program works
  • Multiple sharing options including link copy, social media, email, and QR codes
  • Progress tracking showing clicks, signups, and earned rewards in real-time
  • Automated reward payouts via PayPal, Venmo, and other payment methods
  • In-app and Email notifications to keep users engaged with referral activity
Learn more about the complete user experience.

​
Key Features

​
Installation Options

Cello JS

JavaScript library for React, Vue, Angular, and vanilla JS applications

iOS SDK

Native Swift/Objective-C SDK with CocoaPods and SPM support

Android SDK

Native Kotlin/Java SDK with Gradle integration

React Native

Cross-platform mobile SDK for React Native apps

​
How to Use

​
Basic Implementation

  1. Load the SDK - Add Cello script or SDK to your application
  2. Generate JWT Token - Create server-side authentication token
  3. Initialize Component - Boot with your product ID and user details

​
Quick Example (Web)

// Load and initialize Cello
window.cello.cmd.push(async function (cello) {
  await cello.boot({
    productId: "YOUR_PRODUCT_ID",
    token: "JWT_TOKEN",
    productUserDetails: {
      email: "user@example.com",
      firstName: "John"
    }
  });
});

​
Next Steps

Get started with the Quickstart guide to integrate the Referral Component in under 15 minutes.
⌘I