> For the complete documentation index, see [llms.txt](https://docs.humblytics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.humblytics.com/how-to-track-custom-click-events/how-to-add-custom-event-tracking-for-webflow-sites.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` 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>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.