How to Add Custom Click Tracking for Webflow Sites

Humblytics automatically tracks click events and form events on Webflow—no setup required. Add custom attributes when you want to label specific click events (e.g., to distinguish a particular CTA button from other links) so you can identify them in Analytics → Links.

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.

You can add cusotm attributes in the settings section of the Webflow desginer

Using Custom Attributes in Humblytics

1. Log in to Humblytics

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

2. Navigate to Links under Analytics

   • Go to Analytics → Links in the sidebar.

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

FAQ elements are automatically tracked with Humblytics

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