# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.humblytics.com/how-to-get-started/webflow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.