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
- Log in to your Whop Dashboard
- Look at the dashboard URL
- Copy the portion after
dashboard/that begins withbiz_(format:biz_xxxxxxxxxxxxx)
Step 2: Initialize Whop Pixel
Add the following script to your HTML page before the HandL script tag:
<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:
<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:
<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
pageevent
You can verify the installation by:
- Opening browser DevTools (F12)
- Going to the Network tab
- Filtering for
t.whop.tw - You should see requests to Whop's tracking endpoint