# Base Installation

### Prerequisites

- HandL JS library must be loaded on your page
- You must have a Whop Account ID from your Whop Dashboard

### Step 1: Get Your Whop Account ID

1. Log in to your [Whop Dashboard](https://whop.com/dashboard)
2. Look at the dashboard URL
3. Copy the portion after `dashboard/` that begins with `biz_` (format: `biz_xxxxxxxxxxxxx`)

### Step 2: Initialize Whop Pixel

Add the following script to your HTML page **before** the HandL script tag:

```html
<script>
    // Set your Whop Account ID
    window.whop_account_id = 'YOUR_WHOP_ACCOUNT_ID_HERE';
</script>

<!-- Load HandL script --> Make sure to change your license key
<script>
var handl_custom_params = [];
var handl_js = document.createElement("script");
handl_js.setAttribute("src", "https://track.utmsimple.com/utm.js?license=<license code goes here>"), document.head.appendChild(handl_js), 
handl_js.onload = function() {
    /*This is the UTM Simple ready event, you can put any code you'd like to trigger after the script fully loaded here*/ 
    console.log("I'm ready")
    console.log("prnting all the cookies")
    console.log(HandL.getAll())
}; 
</script> 

```

Example:

```html
<script>
    window.whop_account_id = 'biz_xxxxxxxxxxxxx';
</script>
<script src="https://cdn.example.com/utm.js"></script>

```

### Multiple Accounts

To track the same funnel across several Whop accounts, pass an array of Account IDs:

```html
<script>
    window.whop_account_id = ['biz_xxxxxxxxxxxxx', 'biz_yyyyyyyyyyyyy'];
</script>

```

**Note:** Do not also paste Whop's own pixel snippet on the page. HandL loads it for you, and adding both will double-count your events.

### Step 3: Verify Installation

After the page loads, the Whop Pixel will automatically:

- Load the Whop Pixel script
- Set your account scope
- Fire a `page` event

You can verify the installation by:

1. Opening browser DevTools (F12)
2. Going to the Network tab
3. Filtering for `t.whop.tw`
4. You should see requests to Whop's tracking endpoint