Clickport
Start free trial
Intuitive Dashboard Real-Time Analytics Session Tracking Engagement Tracking Goal Conversions Filtering & Segments Conversion Funnels User Flows Privacy First Bot Protection
For agencies For SaaS For e-commerce For affiliates For bloggers For publishers Google Search Console Bing Webmaster Tools WordPress Shopify Tracker install SPA tracking Custom Events API reference vs Google Analytics vs Matomo vs Cloudflare
How It Works Blog Updates Documentation UTM Builder GDPR Checker GA4 Data Loss Estimator GA Legal Status About Contact Status Security

Webflow

Installing Clickport on a Webflow site takes one paste and one publish. Once the snippet is in, everything works automatically: pageviews, engagement, outbound clicks, file downloads, form submissions, and frustration signals.

Plan requirement. Webflow unlocks custom code with a paid Site plan or a paid Workspace plan. On the free Starter plan the custom code fields are locked.

Install the snippet

  1. In Clickport, add your site and copy your tracking snippet. It looks like this, with your own domain filled in:
<script defer data-domain="yoursite.com"
  src="https://clickport.io/tracker.js"></script>
  1. In Webflow, open Site settings and switch to the Custom code tab.
  2. Paste the snippet into the Head code field.
  3. Save, then publish your site. Custom code only goes live on publish.
  4. Visit your live site once, then use the verify check in Clickport or watch the realtime view for your own visit.

Staging and the webflow.io domain

Webflow publishes to your custom domain and to the yoursite.webflow.io staging subdomain, and custom code runs on both. That means staging visits are tracked too. If you want production numbers only, add your production domain to the hostname allow list and enable strict mode; staging traffic is then dropped automatically.

Per-page code

Webflow also offers per-page custom code in each page's settings. Do not install the snippet that way: you would have to repeat it on every page and new pages would silently go untracked. Site-wide head code covers everything, including CMS template pages.

Good to know

  • Webflow sites load each page normally (no client-side routing), so no extra configuration is needed.
  • Webflow form submissions are tracked automatically like any other form. See Forms.
  • Exclude yourself before you start editing content with the site open all day. See Exclude Your Visits.
  • To track conversions like a signup button click, set up a goal. No code changes in Webflow needed.

Related

Previous Shopify