# 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** (14-day free trial, no credit card required)
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

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

5. 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

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

5. 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)