Omnifamous - SEO content on autopilot
Omnifamous - SEO content on autopilot
Waitlist
  1. Home

    2. /

  2. Help Center

    3. /

  3. Webflow

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
1

Open Project Settings

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
2

Add to Head Code

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

HTML
<script
  async
  src="https://js.omnifamous.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
3

Save and publish

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:

  • Select the page in Webflow

  • Open Page Settings (gear icon)

  • Add the script to the "Inside <head> tag" section

Next steps

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

Next article

How to track affiliates and revenue with Stripe

Join the Omnifamous waitlist

Tell us about your site and we'll let you in when your spot opens up.