How to add analytics to Webflow

Webflow only outputs custom code on a site with a paid Site plan or in a paid Workspace (Core, Growth, Agency or Freelancer), and only after you publish. Code never runs inside the Designer canvas or its preview — which is also why your design sessions don't show up as visits.

How to install VisitTrack on Webflow

1. 1

   Step 1: Copy your site id

   Add your site in VisitTrack and copy the snippet from the install step (or Settings → General). Replace SITE_ID below.

2. 2

   Step 2: Open Site settings → Custom code

   From the Webflow dashboard, open your site's Site settings (or the gear icon in the Designer) and go to the Custom code tab.

3. 3

   Step 3: Paste the tag into Head code

   Paste it into the Head code box. Head code is output before </head> on every page, so you don't add anything per page.

   Head codeCopy

   <script defer data-site="SITE_ID" src="https://visitrack.app/tracker.js"></script>

4. 4

   Step 4: Save, then publish

   Click Save changes, then Publish and pick the domains to publish to. Custom code reaches your live site only on publish — saving alone isn't enough.

How to check VisitTrack is working on Webflow

1. Open your published domain (not the Designer preview) in a normal browser tab and visit two pages.
2. VisitTrack's live view shows you within seconds; the Pages tab lists both pages, including CMS item pages like /blog/your-post.
3. View source on the live page and search for tracker.js — if it's missing, the site wasn't republished after saving.

Does VisitTrack track Webflow page navigation?

Webflow sites are multi-page: each page is a full page load, and each load is a pageview. Localized pages (/fr/…) and CMS collection pages each appear under their own path in the Pages tab.

If you publish to both the *.webflow.io staging domain and your custom domain, both will send data. Save your custom domain under Settings → General → Allowed hostnames in VisitTrack to drop staging hits (blocked hosts are listed there for 7 days, so nothing disappears silently).

How to track custom events and goals in Webflow

Webflow lets you add any HTML attribute to an element without code: select a button or link, open Element settings (the gear in the right panel) → Custom attributes → +, and add name data-vt-goal with a value such as demo_click. Every click on it becomes a custom event.

For "did they reach the pricing table?", add a custom attribute data-vt-scroll with value pricing_viewed to the section — it fires once when the section is half visible.

Form submissions are recorded automatically as a form_submit event, named after the form's id or name. For a cleaner conversion, set the form's redirect URL to a thank-you page and create a page goal for that path in VisitTrack's Settings → Goals.

<!-- what the custom attribute produces -->
<a href="/demo" class="button" data-vt-goal="demo_click">Book a demo</a>

Revenue attribution on Webflow

Webflow Ecommerce runs checkout on Webflow's own payment integration, which VisitTrack can't read, so those orders aren't attributed. If you sell through Stripe Payment Links (buy.stripe.com buttons on your Webflow site), connect Stripe in VisitTrack's Settings → Revenue and paste this into Footer code — it adds the visitor id to every Payment Link so each payment is credited to the referrer and campaign that brought the buyer. Details: Stripe revenue attribution.

<script>
  document.addEventListener("DOMContentLoaded", () => {
    const visitorId = localStorage.getItem("_ana_vid");
    if (!visitorId) return;
    document.querySelectorAll('a[href^="https://buy.stripe.com/"]').forEach((a) => {
      const url = new URL(a.href);
      url.searchParams.set("client_reference_id", visitorId);
      a.href = url.toString();
    });
  });
</script>

Script options you might need on Webflow

All optional — add them to the same tag. Full reference: script configuration.

Webflow troubleshooting

Not on Webflow? See all 29 integration guides.