How to Add Webflow Analytics to Your Website Using Humblytics

Setting Up Humblytics for Your Website

Step 1: Sign Up for Humblytics

  • Visit www.humblytics.com.
  • Click on the "Start Trial" button in the top right corner.
  • Choose a plan that suits your needs. Humblytics now offer a 30-day free trial for any paid plan.
  • Complete the registration process by providing your email and creating a password.

Step 2: Connect Your First Website via Webflow Auth

  • After logging in, you'll be prompted to add your first website.
  • Select "Add Webflow Site" to authorize Humblytics to access your Webflow workspace.
  • Choose the specific Webflow site you want to connect.

Authorize Webflow: Select "Add Webflow Site" to authorize with Webflow and access your Workspace

Step 3: Add Humblytics Tracking Script to Your Webflow Site

  • In your Humblytics dashboard, copy the generated tracking script.
  • Log into your Webflow account and open your project.
  • Go to Project Settings > Custom Code.
  • Paste the Humblytics script into the 'Head Code' section.
  • Save changes and publish your Webflow site.

Step 4: Test and Verify Installation

  • Click "Verify Website" in your Humblytics dashboard to confirm proper tracking.
  • Visit your website and perform some actions (page views, clicks, etc.).
  • Return to your Humblytics dashboard and check if events are being recorded (this may take a few minutes).

Step 5: Explore Humblytics Features

  • Real-Time Analytics: Monitor visitor behavior as it happens.
  • Heatmaps: Visualize user interactions on your pages.
  • Session Recordings: Watch real user sessions to understand behavior patterns.
  • Conversion Funnels: Analyze and optimize your user conversion paths.
  • A/B Testing: Create and run tests to improve your site's performance.
  • Custom Events: Set up tracking for specific actions important to your business.

Step 6: Optimize Your Site

  • Regularly review your Humblytics dashboard for insights.
  • Use the data to make informed decisions about site improvements.
  • Implement A/B tests to validate changes before full deployment.
  • Monitor key metrics over time to track the impact of your optimizations.

Regularly Check Data: Use the insights gathered by Humblytics to understand user behavior and optimize your site. Utilize features like A/B testing to further enhance site performance.