> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gameball.co/llms.txt
> Use this file to discover all available pages before exploring further.

# How Do Referrals Work on the Gameball Widget?

> This simple guide shows how your customers can use their unique referral link to share it and refer others.

| Platform             | Plan      |
| -------------------- | --------- |
| Shopify              | All Plans |
| Salla                | All Plans |
| Non-platform Clients | All Plans |

Unlock the power of referrals with Gameball's intuitive widget. Customers can easily refer friends and earn rewards by sharing their unique referral links. This guide outlines how customers can use the Gameball widget to access, share, and track referrals, while also highlighting the experience of referred guests.

<Note>
  Once the referral program is activated on your platform, customers can access the referral tab within the Gameball customer widget to begin referring friends.
</Note>

***

## Customer Experience: Referring Friends

<Steps>
  <Step title="Navigate to the Referral Section">
    After opening the Gameball widget, customers will find a dedicated **Referral** section. This section highlights the benefits of the program for both the customer and the referred friend.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-section.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=5163af42cef2d06a958b247fbd5f8b0a" alt="Referral Section" width="2880" height="1454" data-path="images/product-docs/programs/referral-program/widget-referral-section.png" />
    </Frame>
  </Step>

  <Step title="Access the Referral Link or Code">
    Each customer has a unique referral link/code located within the referral section. Customers can simply click to copy this link/code and share it with friends across their preferred platforms.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-link.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=4b58819a42ec0f28d7eabaf0ac732a99" alt="Referral Link/Code" width="2880" height="1454" data-path="images/product-docs/programs/referral-program/widget-referral-link.png" />
    </Frame>
  </Step>

  <Step title="View Earned Rewards and Coupons">
    Customers can also view the coupons or rewards they can receive for their successful referrals. These appear clearly within the referral section of the widget and can be accessed at any time to check reward details and usage status.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-rewards.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=286a911c09bad997eb8cfe5c71e4b1ac" alt="Referral Rewards" width="2880" height="1452" data-path="images/product-docs/programs/referral-program/widget-referral-rewards.png" />
    </Frame>
  </Step>

  <Step title="Track Referral Progress">
    Customers can monitor how their referral link performs by viewing the number of completed referrals and the corresponding rewards earned. This transparent tracking encourages continued participation in the program.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-progress.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=9579076db195bb4e275986dda73363cf" alt="Referral Progress" width="850" height="434" data-path="images/product-docs/programs/referral-program/widget-referral-progress.png" />
    </Frame>
  </Step>

  <Step title="Explore Referral History">
    The referral section also displays referral history, allowing customers to view both completed and pending referrals. This helps them understand their current status and progress.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-history-completed.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=f843421eeabfe11faa349ddda38e7e4a" alt="Referral History - Completed" width="836" height="318" data-path="images/product-docs/programs/referral-program/widget-referral-history-completed.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-referral-history-pending.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=f73d803539b4d9421f5e06fdddf12609" alt="Referral History - Pending" width="2750" height="1608" data-path="images/product-docs/programs/referral-program/widget-referral-history-pending.png" />
    </Frame>

    <Info>
      Pending referrals are invitations sent to friends who have not yet responded or completed the required actions for the referral to be considered successful.
    </Info>
  </Step>

  <Step title="Understand the Referral Process">
    Customers can refer to the **How It Works?** section within the widget to get a clear understanding of the steps involved in the referral process and the conditions needed for rewards to be granted.

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-how-it-works-1.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=1397afce18ce24f86e5f150d8e84ea53" alt="How It Works - Part 1" width="826" height="208" data-path="images/product-docs/programs/referral-program/widget-how-it-works-1.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/gameball/qjUH61X3ISD5sEmZ/images/product-docs/programs/referral-program/widget-how-it-works-2.png?fit=max&auto=format&n=qjUH61X3ISD5sEmZ&q=85&s=0a1eb6f5ab96f703e4446d0bad296728" alt="How It Works - Part 2" width="2742" height="1602" data-path="images/product-docs/programs/referral-program/widget-how-it-works-2.png" />
    </Frame>
  </Step>
</Steps>

***

## Guest Experience: Referred Friends

<AccordionGroup>
  <Accordion title="Instant Notification" icon="bell">
    When referred, guests immediately receive a notification containing a coupon or voucher applicable to their first purchase, encouraging them to engage right away.
  </Accordion>

  <Accordion title="Email Confirmation" icon="envelope">
    In addition to the instant widget notification, referred friends also receive an email with the reward coupon, ensuring they can easily retrieve and use their reward.
  </Accordion>

  <Accordion title="Category-Specific Rewards" icon="tag">
    If a coupon is valid only for specific categories or collections, the guest is informed within the notification. This helps avoid confusion and ensures clarity when redeeming the coupon.
  </Accordion>
</AccordionGroup>

***

## Important Notes

<Warning>
  * Customers must access the referral tab through the Gameball widget in order to view and share their referral links.
  * Rewards are only granted once the referred friend completes the required conditions defined in your referral program settings.
</Warning>

***

## Common Questions

<AccordionGroup>
  <Accordion title="Where can customers find their referral link?" icon="link">
    Inside the Gameball widget under the **Referral** tab.
  </Accordion>

  <Accordion title="Can customers track which friends have accepted their invitation?" icon="chart-line">
    Yes, referral progress and history are visible in the same widget section.
  </Accordion>

  <Accordion title="How are referred friends notified?" icon="bell">
    Through an instant widget notification and a confirmation email with the reward.
  </Accordion>
</AccordionGroup>

***

## Related Articles

<CardGroup cols={2}>
  <Card title="Launching Referral Program" icon="rocket" href="/product-documentation/programs/referral-program/launching-referral-program">
    Set up and configure your referral program on the Gameball dashboard.
  </Card>

  <Card title="Launch and Configure Your Earn Pointing System" icon="coins" href="/product-documentation/programs/loyalty-points-earn/launch-and-configure-your-earn-pointing-system">
    Configure how customers earn points for their purchases.
  </Card>
</CardGroup>
