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

# Affiliates

> Refer friends to TraderFrame and earn extra trades on their subscription

## Overview

The **Affiliates** page is where you manage your referral program. Once approved as an affiliate, you can generate a referral link and earn extra free trades for every friend who subscribes using your link.

**URL:** `/affiliates`

***

## Page Layout

```
┌──────────────────────────────────────────────┐
│  HERO BANNER                                 │
│  "Earn by Referring Traders"                 │
│  Description + Refer a Friend button         │
└──────────────────────────────────────────────┘

┌──────────────────────────────────────────────┐
│  YOUR AFFILIATE DETAILS                      │
│  Status, application number, referral code,  │
│  applied date, social media accounts         │
└──────────────────────────────────────────────┘
```

***

## Hero Banner

| Element            | Description                                                                                   |
| ------------------ | --------------------------------------------------------------------------------------------- |
| **Headline**       | "Earn by Referring Traders"                                                                   |
| **Description**    | "Invite friends to join ATS and earn up to 10 extra recurring trades on their subscription."  |
| **Refer a Friend** | Copies your referral link to clipboard. Disabled until your affiliate application is approved |

***

## Affiliate Application Status

Your affiliate record goes through a review process before you can start referring:

| Status       | Colour | Meaning                                            |
| ------------ | ------ | -------------------------------------------------- |
| **Pending**  | Orange | Application submitted, waiting for admin review    |
| **Approved** | Green  | Approved — the Refer a Friend button is now active |
| **Rejected** | Red    | Application was not accepted                       |

***

## Your Affiliate Details Card

Once you have applied, your affiliate details are shown:

| Field                  | Description                                                    |
| ---------------------- | -------------------------------------------------------------- |
| **Status**             | Current approval status (Pending / Approved / Rejected)        |
| **Application Number** | Your unique application reference                              |
| **Referral Code**      | Your personal referral code                                    |
| **Applied Date**       | When you submitted the application                             |
| **Message**            | Any message from the admin regarding your application          |
| **Social Media**       | Your linked social media accounts (submitted with application) |

***

## Referral Link Flow

```
Affiliate application approved
        │
        ▼
Click "Refer a Friend"
        │
        ▼
Referral link copied to clipboard
(success toast: "Referral link copied successfully!")
        │
        ▼
Share the link with friends
        │
        ▼
Friend registers using your link and subscribes
        │
        ▼
You earn money on their subscription
```

***

## Empty State

If you have not yet applied to the affiliate program, the details card shows an empty state with guidance on how to apply.