Referral Rocket
HomeDashboard
  • What is Referral Rocket?
  • Referral Program Examples
  • Getting Started
    • Campaigns
      • Campaign Types
      • Campaigns Details
        • Milestone Details
        • Reward Details
        • Referrer Widget
        • Invitee Widget
      • Installing/Tracking your Referral Campaign
        • Option 1: Hosted Solution (No/Low Code)
        • Option 2: Custom Solution
          • Simple Referral Program Redirect: Quick Setup Guide
          • Redirect user to hosted campaign
          • Embed Referral Rocket Widget
          • Integrate the referral program inside your webapp for logged in user
        • Referral Tracking
          • Track referral on Sign Up page
          • Track referral on Payments
      • Reward Management
      • Campaign Participants
      • Campaign Dashboards
  • Developer Tooks
    • Javascript SDK
    • REST API
      • API Endpoint
    • Webhooks
      • Setup
      • Testing
      • Events
  • Integrations
    • Stripe
      • How to setup Stripe?
        • Stripe Settings
      • Referral Tracking with Stripe
        • Promo Code Referral Tracking with Stripe
        • Setup Stripe Pricing Table
        • Setup Stripe Payment Links
        • Setup Stripe Payment Button
    • Cashfree
    • Razorpay
    • MemberSpace
    • Outseta
    • Shopify
      • How to setup Shopify?
      • Add Referral Widget on Shopify Stor
      • Popup Script to Display Discount Codes
    • ScoreApp
  • Rewards
    • Tremendous
      • How to integrate Tremendous?
        • Tremendous Settings
      • How to issue rewards with Tremendous?
    • PayPal Mass Payments
    • Wise Batch Payments
    • Stripe
    • Shopify
    • RazorPayX
    • Paypal
  • Affiliate Hub
    • Affiliate Program Hub
  • Product Updates
    • December 2024
  • Trust Center
  • Contact Us
  • FAQ
    • Where to find Campaign ID?
    • Understanding the Test Plan: Perfect for Testing, Limited for Production
Powered by GitBook
On this page
  • Key Benefits of This Approach
  • Step-by-Step Referral Flow Example
  1. Getting Started
  2. Campaigns
  3. Installing/Tracking your Referral Campaign
  4. Option 2: Custom Solution

Embed Referral Rocket Widget

PreviousRedirect user to hosted campaignNextIntegrate the referral program inside your webapp for logged in user

Last updated 4 months ago

Key Benefits of This Approach

  1. Custom Marketing Page: Design a dedicated webpage that showcases your program details while perfectly aligning with your brand's visual identity. This allows you to create a tailored experience that resonates with your audience.

  2. Seamless Experience: Users do not leave your website providing a seamless experience

  3. Simplified Program Management: Leverage Referral Rocket's robust platform to handle the complexities of your referral or affiliate program, freeing you to focus on your core business activities.

Step-by-Step Referral Flow Example

Step 1: Create a Branded Program Page

Develop a dedicated webpage that:

  • Highlights your referral/affiliate program's key details

  • Matches your brand's design and aesthetic

  • Use the below Referral Rocket script to add referral widget into your page.

// Add this script in the HEAD tag
<script type="text/javascript" campaign-id="YOUR-CAMPAIGN-ID" defer src="https://app.referralrocket.io/widget/widgetIndex.js"></script>

//Add this script in the body
<div class="hype_widget" campaign-id="YOUR-CAMPAIGN-ID"></div>
  1. Program Signup

    • Users join referral program

    • Receive personalized referral link which they can share with their friends