JavaScript

Elevating User Engagement with a Referral Earnings Dashboard Widget

Motivating users to actively participate in referral programs can significantly boost acquisition and growth. We recently enhanced our application's user dashboard with a new widget designed to provide transparent insights into referral earnings and commission structures.

This widget serves as a central hub for users to understand and leverage their referral potential, directly from their dashboard. By offering clear visualizations of earnings summaries and highlighting the tiered commission system, we aim to encourage more users to share their unique referral links and drive new user sign-ups.

Key Features

The new referral earnings dashboard widget incorporates several key features:

  • Commission Terms Display: Clearly outlines the tiered commission structure, differentiating between first sale commissions and renewal rates. This transparency helps users understand how their earnings are calculated.
  • Earnings Summary: Presents a concise overview of total referral earnings, broken down by different commission tiers.
  • Platform Suggestions: Provides suggestions and resources for developers to easily integrate and promote referral links across various platforms. For example, developers can use these suggestions to help quickly add a referral link to their personal websites or blogs.

Tiered Commission Structure

To incentivize continuous engagement, our commission structure is designed with a tiered approach. First sales typically offer a higher commission rate compared to renewals, rewarding users for initially acquiring new customers. This approach encourages a balanced focus on both acquisition and long-term customer retention.

For example, the first successful referral might provide the referrer with a 20% commission on the initial sale, while subsequent renewals generate a 5% recurring commission.

// Example of tiered commission calculation
const initialSaleCommissionRate = 0.20;
const renewalCommissionRate = 0.05;

function calculateCommission(saleType, saleAmount) {
  if (saleType === 'initial') {
    return saleAmount * initialSaleCommissionRate;
  } else if (saleType === 'renewal') {
    return saleAmount * renewalCommissionRate;
  } else {
    return 0;
  }
}

console.log(calculateCommission('initial', 100)); // Output: 20
console.log(calculateCommission('renewal', 100)); // Output: 5

Benefits

By implementing this referral earnings dashboard widget, we expect to see:

  • Increased user engagement with the referral program.
  • Improved understanding of the commission structure.
  • Greater motivation for users to share their referral links.

The integration of this widget is a significant step towards creating a more transparent and rewarding referral experience for our users.

Gerardo Ruiz

Gerardo Ruiz

Author

Share: