Webflow

Add attribu.tech analytics to your Webflow site in under a minute.

Setup

  1. In your Webflow dashboard, select your project and click Site Settings
  2. Go to the Custom Code tab on the left sidebar
  3. 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.
  1. Click Save Changes, then Publish your site

Tracking button clicks

Use data-attribu-goal attributes on Webflow elements to track clicks without writing JavaScript:

  1. Select the element in Webflow Designer
  2. Open the Element Settings panel (gear icon)
  3. Scroll down to Custom Attributes
  4. Add:
    • Name: data-attribu-goal
    • Value: cta_clicked (or whatever event name you want)

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_xxx on your success page. No extra setup needed.
  • Custom checkout: Follow the Stripe integration guide to pass the visitor ID through checkout metadata.

Verify installation

  1. Visit your published Webflow site
  2. 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.
Copied