How to Add Custom Event Tracking for Webflow Sites in 2026

Learn how to track custom events like button clicks, form submissions, and user interactions on your Webflow site — no cookies, no complex setup.

What Are Custom Events?

Custom events let you track specific interactions beyond page views — like button clicks, video plays, scroll depth, or form submissions. In 2026, granular event data is the foundation of effective conversion optimization and personalization.

Because Humblytics is cookieless and privacy-first, you capture accurate behavioral data without relying on consent banners or third-party cookies.

Adding Custom Event Attributes

In Webflow, select the element and add a custom attribute in the Element Settings panel:

• Name: humblytics
• Value: your-event-name

No JavaScript, no tag managers — Humblytics detects the attribute automatically and starts recording interactions the moment your site is published.

Example: Tracking a CTA Button

1. Select your button in the Webflow Designer
2. Open Element Settings (gear icon)
3. Add Custom Attribute: humblytics = cta-click
4. Publish your site

The event will appear in your Humblytics dashboard within seconds. Use the same approach for any clickable element — navigation links, pricing toggles, tabs, video play buttons, and more.

Naming Best Practices

Keep event names clear and consistent so your data stays organized:

• hero-cta-click — primary call-to-action
• pricing-toggle — monthly/annual switch
• video-play — embedded video engagement
• form-submit — contact or signup form completion
• nav-docs-click — documentation link in the navbar

A consistent naming convention makes filtering, segmenting, and building funnel reports far easier as your site grows.

Viewing Events

Custom events appear in your Humblytics dashboard under the Events section. You can filter by event name, date range, page, and traffic source — then use those insights to run A/B tests or optimize your Webflow site's conversion funnel.