How to Create an Affiliate Program with Wix | AffiliateBase

<script>(function(w,r){w._abq=w._abq||[];w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'affiliatebase');</script>
<script async src="https://cdn.jsdelivr.net/npm/affiliatebase-tracking@1/src/index.js" data-org-id='YOUR_ORG_ID'></script>

<!-- Add to your site alongside the tracking script -->
<script>
  document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
      const referralId = window.affiliatebase_referral || '';
      if (!referralId) return;

      // Update Stripe Payment Links
      document.querySelectorAll('a[href^="https://buy.stripe.com/"]').forEach(link => {
        const url = new URL(link.href);
        if (!url.searchParams.has('client_reference_id')) {
          url.searchParams.set('client_reference_id', referralId);
          link.href = url.toString();
        }
      });

      // Update Stripe Pricing Tables
      document.querySelectorAll('stripe-pricing-table').forEach(table => {
        table.setAttribute('client-reference-id', referralId);
      });

      // Update Stripe Buy Buttons
      document.querySelectorAll('stripe-buy-button').forEach(button => {
        button.setAttribute('client-reference-id', referralId);
      });
    }, 1500);
  });
</script>

// In your Wix Velo page code
import wixWindow from 'wix-window';

$w.onReady(function () {
  // Get referral ID from browser
  wixWindow.getBrowserAPI().then(api => {
    const referralId = api.window.affiliatebase_referral || '';
    console.log('Referral ID:', referralId);

    // Store in session or pass to forms
    if (referralId) {
      // Add to hidden form field
      $w('#hiddenReferral').value = referralId;
    }
  });
});

// Visit your site with a test affiliate link:
// https://yoursite.wixsite.com/mysite?via=test123

// Open browser console and check:
console.log(window.affiliatebase_referral); // Should show "test123"