Quick Start

How to Add Custom Event Tracking for Framer Sites

Humblytics provides native event tracking for Framer projects with the option to add custom attributes through Code Overrides for more precise user interaction monitoring, including specialized FAQ click tracking that requires no custom code setup. The platform enables real-time analytics and detailed insights into user behavior by tracking specific elements and interactions within Framer projects through both automatic detection and custom attribute implementation.

Analytics for Webflow Sites

Humblytics offers native event tracking for Framer projects, making it easier to track interactions without extra setup. However, you can still add custom attributes to your Framer elements for even more precise tracking.

Using Custom Attributes in Humblytics

  1. Open Code Overrides

    • Click on the provided link in your project.

    • Scroll down on the right toolbar.

    • Click on Code Overrides.

  2. Add a Code Overrides


    export function withHumblyticsAttribute(Component): ComponentType {
        return forwardRef((props, ref) => {
            return <Component {...props} data-humblytics="nav-pricing" />
        })
    }


  3. Monitor Custom Attributes

    • Look for the custom attribute event name (e.g., humblytics="hero-nav-btn") once it has been triggered.Comment

    • Use the real-time insights and reports to analyze data linked to your custom attributes.Comment

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

Track FAQ Click Events

No more second guessing! Track your most-clicked FAQs in Framer without any custom code or attributes. Install the script, and we’ll show you which questions your visitors are interacting with. This functionality is also available for Webflow using custom attributes.

__wf_reserved_inherit


“Humblytics has been a game-changer for our A/B testing workflow. The integration with Framer is seamless and we can now test pretty much every change we make to the website, before making it live for all users. After a lot of trial and error, we finally found an A/B testing tool that adapts to our needs.”

Daniel P.

Framer Developer

Self-Serve A/B Testing & Analytics Platform for Marketers

Analytics, heatmaps, funnels & no-code A/B testing - turn marketing teams into conversion machines without developer bottlenecks.

© 2025 Humblytics. All rights reserved.

“Humblytics has been a game-changer for our A/B testing workflow. The integration with Framer is seamless and we can now test pretty much every change we make to the website, before making it live for all users. After a lot of trial and error, we finally found an A/B testing tool that adapts to our needs.”

Daniel P.

Framer Developer

Self-Serve A/B Testing & Analytics Platform for Marketers

Analytics, heatmaps, funnels & no-code A/B testing - turn marketing teams into conversion machines without developer bottlenecks.

© 2025 Humblytics. All rights reserved.

“Humblytics has been a game-changer for our A/B testing workflow. The integration with Framer is seamless and we can now test pretty much every change we make to the website, before making it live for all users. After a lot of trial and error, we finally found an A/B testing tool that adapts to our needs.”

Daniel P.

Framer Developer

Self-Serve A/B Testing & Analytics Platform for Marketers

Analytics, heatmaps, funnels & no-code A/B testing - turn marketing teams into conversion machines without developer bottlenecks.

© 2025 Humblytics. All rights reserved.