How to Add Affiliate Program to Webflow with Blossu

Add referral tracking to your Webflow site using custom code in project settings. This takes just a few minutes.

Image: Webflow + Blossu integration overview

In Webflow, go to your project and click on Project Settings in the left sidebar (or use the gear icon).

Navigate to the Custom Code tab.

Image: Accessing Custom Code in Webflow settings

In the "Head Code" section, paste this script:

HTML

<script
  async
  src="https://js.blossu.com/v1/blossu.js"
  data-program-id="YOUR_PROGRAM_ID"
></script>

Replace YOUR_PROGRAM_ID with your actual program ID from the Blossu dashboard.

Image: Adding the script in Webflow Head Code

Click Save Changes at the bottom of the Custom Code section.

Then publish your site to make the changes live.

To verify the installation:

Visit your published site with a test referral link (e.g., yoursite.webflow.io?via=test)
Open your browser's developer console
Check if window.blossu_ref_id is defined

Image: Verifying the installation

Page-specific tracking (optional)

If you only want to track referrals on specific pages, you can add the script to individual page settings instead of the global project settings:

Now that you have tracking set up, you need to connect your payment platform to automatically track conversions and calculate partner commissions.