Humblytics
  • Overview
    • Introduction to Humblytics
    • Features Overview
    • Frequently Asked Questions
    • Pricing Plans
      • Plus Plan
      • Business Plan
      • Scale Plan
      • Enterprise Plan
  • How to Get Started
    • Create a New Account
    • Adding Webflow Analytics to Your Site
    • Adding Framer Analytics to Your Site
  • How to Track Custom Form Submissions
    • How to Track Typeform Submissions in Framer
    • How to Track Cal.com Booking Submissions in Framer
    • How to Track Typeform Submissions in Webflow
    • How to Track Cal.com Booking Submissions in Webflow
  • How to Track Custom Click Events
    • How to Track Custom Click Events on Any Website with Humblytics
    • How to Add Custom Event Tracking for Framer Sites
    • How to Add Custom Event Tracking for Webflow Sites
  • Understanding Your Data
    • Understanding Site Traffic
    • Understanding Pages Data
    • Understanding Forms Data
    • Understanding Click Data
  • Split Testing Overview
    • Setting Up a Split Test
    • How to Create an A/B Page Variant
    • How to Analyze Split Test Data
    • Using the Humblytics A/B Split Test Sample Size Calculator
  • Campaign Tracking with UTM Links
  • Support & Resources
    • Resources
  • Privacy
Powered by GitBook
On this page

Was this helpful?

  1. How to Track Custom Click Events

How to Add Custom Event Tracking for Webflow Sites

PreviousHow to Add Custom Event Tracking for Framer SitesNextUnderstanding Your Data

Last updated 11 months ago

Was this helpful?

Humblytics allows users to enhance their Webflow projects by adding and using custom attributes. Custom attributes enable more precise tracking and tailored analytics to better understand user interactions on your website.

Adding Custom Attributes

  1. Access Webflow Designer

    • Open your Webflow project in the Webflow Designer.

  2. Select the Element

    • Click on the element you want to add a custom attribute to.

  3. Add Custom Attribute

    • In the element settings panel, scroll to the "Custom Attributes" section.

    • Click "Add Custom Attribute".

    • Enter the name and value for your custom attribute (e.g., humblytics="hero-nav-btn").

  4. Save and Publish

  • Save your changes in Webflow.

  • Publish your site to apply the new custom attributes.

Using Custom Attributes in Humblytics

  1. Log in to Humblytics

    • Go to the Humblytics dashboard and log in with your credentials.

  2. Navigate to "Clicks" on the Side Navigation Bar

    • Navigate to the "Clicks" section.

    • Look for the custom attribute event name, assuming it has been triggered at lease once.

  3. Monitor Custom Attributes

    • Use the real-time insights and reports in Humblytics to analyze data associated with your custom attributes.

    • Track specific interactions and gather detailed analytics based on the custom attributes added to your Webflow elements.

Resources and Guidelines

For further assistance and visual guidance, refer to the following resources:

How to Track Custom Events and Clicks for Webflow Video Tutorial
You can add cusotm attributes in the settings section of the Webflow desginer
FAQ elements are automatically tracked with Humblytics