Webflow

  1. Exposed ID: Shows e8b9a71 instead of placeholder

  2. Staging domain: Should explain Webflow staging vs custom domain better

  3. CMS collections: No mention of dynamic pages/collection templates

  4. No plan requirement: Custom code requires paid Webflow plan

  5. Publishing clarity: Doesn't explain staged changes vs published site

  6. Multiple domains: Doesn't address publishing to multiple domains

Corrected Documentation

Add Humblytics Analytics to Webflow

Note: Custom code requires a Webflow Site plan (Basic, CMS, Business, or Enterprise). Custom code is not available on the free Starter plan.

1 · Sign up (or log in)

  1. Visit humblytics.com → Start Free Trial

  2. Finish signup—or log in to your existing workspace

2 · Add your website in Humblytics

  1. In the sidebar, click Add Website

  2. Domain – enter your-site.com (omit https:// and www)

    • Use your custom domain, not *.webflow.io

  3. Site Name – internal label (e.g. Brand Marketing)

  4. Copy the unique tracking script from Install Tracking Code:

html

<!-- Start Humblytics Tracking Code -->
<script async src="https://app.humblytics.com/hmbl.min.js?id=YOUR_ID_HERE"></script>
<!-- End Humblytics Tracking Code -->

  1. Keep this tab open—we'll return to click Verify Website after publishing

Note: Replace YOUR_ID_HERE with your actual project ID shown in Humblytics.

3 · Install the script in Webflow

Add to site settings:

  1. Open Webflow Designer for your project

  2. Click the W logo (top-left) → Site settings

  3. In the left sidebar, select Custom Code

  4. Under Head Code, paste your Humblytics script:

html

<script async src="https://app.humblytics.com/hmbl.min.js?id=YOUR_ID_HERE"></script>

  1. Click Save (top-right)

This adds the script to every page on your site, including:

  • Static pages

  • CMS collection pages

  • Dynamic pages

Alternative: Page-specific tracking

If you only want to track specific pages:

  1. In Webflow Designer, select the page from the Pages panel (left sidebar)

  2. Click the gear icon next to the page name → Page Settings

  3. Scroll to Custom Code section

  4. Under Head Code, paste your Humblytics script

  5. Click Save

4 · Publish your site

⚠️ Important: Adding custom code doesn't make it live until you publish.

  1. Click Publish button (top-right)

  2. Choose your publishing target:

    • Primary domain (recommended) – your custom domain

    • Or staging domain if testing first

  3. Wait for publishing to complete (usually 10-30 seconds)

  4. Confirm with the green "Site published" message

Note about staging:

  • Webflow staging URL: project-name-xyz123.webflow.io

  • Use this for testing before publishing to custom domain

  • Make sure Humblytics domain matches where you're testing

5 · Verify installation

  1. Return to Humblytics and click Verify Website

  2. Open your published Webflow site in a private/incognito window

  3. Refresh once

  4. Within ~30 seconds you should see a green Verified badge and live visitor count

If verification fails, check:

Webflow-specific issues:

  • You have a paid Webflow plan (Basic or higher) – custom code isn't available on free Starter plan

  • You clicked Publish after adding the code

  • Domain in Humblytics matches your published domain:

    • ✓ Custom domain: yourdomain.com

    • ✓ Staging: project-xyz123.webflow.io

    • ✗ Webflow designer URL

  • Script is in Head Code, not Footer Code

  • You're testing the published site, not the Designer preview

General issues:

  • Script ID matches your project in Humblytics

  • View page source (right-click → View Page Source) and search for "humblytics"

  • Open Developer Tools (F12) → Network tab and search for hmbl.min.js

  • No ad-blockers or browser extensions are blocking the script

  • Try a different browser or clear cache

Can't find Custom Code? If you don't see Site settings → Custom Code, you're likely on a free Starter plan. Upgrade to Basic, CMS, Business, or Enterprise to access custom code.

6 · Explore your data & optimize

  • Dashboard – real-time traffic, top pages, and referrers

  • Heatmaps – auto-generated after a few visits; see where users click and scroll

  • Experiments – launch A/B tests right from the dashboard—no extra scripts required

Works on all Webflow pages:

  • Static pages

  • CMS collection pages (blog posts, products, etc.)

  • Dynamic filtered pages

  • Utility pages (404, password, success)

PreviousAstroNextFramer

Last updated

Was this helpful?