Webflow
Add attribu.tech analytics to your Webflow site in under a minute.
Setup
- In your Webflow dashboard, select your project and click Site Settings
- Go to the Custom Code tab on the left sidebar
- In the Head Code section, paste the tracking script:
<script
defer
data-website-id="YOUR_SITE_ID"
data-domain="yourdomain.com"
src="https://attribu.tech/js/script.js"
></script>Replace
YOUR_SITE_ID with your actual Website ID from attribu.tech. Replace yourdomain.com with your website's root domain.- Click Save Changes, then Publish your site
Tracking button clicks
Use data-attribu-goal attributes on Webflow elements to track clicks without writing JavaScript:
- Select the element in Webflow Designer
- Open the Element Settings panel (gear icon)
- Scroll down to Custom Attributes
- Add:
- Name:
data-attribu-goal - Value:
cta_clicked(or whatever event name you want)
- Name:
See custom events for more ways to track user actions.
Revenue attribution
If your Webflow site links to a checkout (Stripe Payment Links, custom checkout page, etc.):
- Stripe Payment Links: The pixel auto-detects
?session_id=cs_xxxon your success page. No extra setup needed. - Custom checkout: Follow the Stripe integration guide to pass the visitor ID through checkout metadata.
Verify installation
- Visit your published Webflow site
- Check your attribu.tech dashboard for incoming pageviews
Custom code changes in Webflow appear on the published site, not in the Designer preview. You need to publish to see tracking data.