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

<figure><img src="/files/uGAALnvs0fTfJVQbjX0J" alt=""><figcaption><p>You can add cusotm attributes in the settings section of the Webflow desginer</p></figcaption></figure>

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

<figure><img src="/files/Y20744HSAop8ycTAYt6I" alt=""><figcaption><p>FAQ elements are automatically tracked with Humblytics</p></figcaption></figure>

**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](https://www.youtube.com/watch?v=PHDrTqKqa5Y\&t=35s)


---

# 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-track-custom-click-events/how-to-add-custom-event-tracking-for-webflow-sites.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.