Creem Payment Links Integration
💡 Make sure your Creem account is connected.
If you're using Creem Payment Links (URLs starting with creem.io/pay
), add this enhancement script to automatically include referral tracking.
Installation
Place this script in your website's <head>
section, right after the main Affonso tracking script:
<!-- Your existing Affonso tracking script -->
<script
async
defer
src="https://affonso.io/js/pixel.min.js"
data-affonso="YOUR_PUBLIC_PROGRAM_ID"
data-cookie_duration="YOUR_COOKIE_DURATION"
></script>
<!-- Add this enhancement script right after -->
<script>
function enhanceCreemLinks() {
if (window.affonso_referral) {
document.querySelectorAll('a[href*="creem.io/pay"]').forEach((link) => {
if (link.href.includes('metadata[affonso_referral]=')) return;
const separator = link.href.includes('?') ? '&' : '?';
link.href =
link.href +
separator +
'metadata[affonso_referral]=' +
window.affonso_referral;
});
}
}
setTimeout(enhanceCreemLinks, 800);
setTimeout(enhanceCreemLinks, 1500);
setTimeout(enhanceCreemLinks, 2500);
window.addEventListener('affonso_referral_ready', enhanceCreemLinks);
</script>
How It Works
- Visitor clicks affiliate link → Affonso sets tracking cookie
- Enhancement script runs → Finds all Payment Links on your page
- Adds referral tracking → Appends
metadata[affonso_referral]
to each link - Customer purchases → Creem receives tracking data → Affiliate gets credited
Testing
- Visit your site with
?atp=test
(our test affiliate parameter) - Check browser DevTools → Application → Cookies → look for
affonso_referral
- Inspect your Payment Links - URLs should now include
metadata[affonso_referral]=
- Make a test purchase to verify tracking in your Affonso dashboard
Note: Use 100% discount codes for live testing without payments - Creem test mode won't appear in Affonso.