How to integrate Matomo with Webflow
Matomo provides powerful analytics capabilities that complement Webflow's design flexibility.
While Matomo doesn't offer an official Webflow app, you can leverage HTML embeds for quick setup or build custom integrations using the Matomo APIs for advanced tracking, automated reporting, and real-time data synchronization.
Use custom embeds and native features
The simplest method to add Matomo analytics involves embedding the JavaScript tracking code directly in Webflow. This approach requires no coding knowledge beyond copy-paste operations.
Site-wide tracking captures visitor data across all pages:
- Copy your tracking code from Matomo's Admin > Measurables > Tracking Code
- Navigate to Site Settings > Custom Code > Head Code in Webflow
- Paste the code and publish your site
- Verify data collection in Matomo's Visitors > Visits Log within 10-15 minutes
Page-specific tracking enables targeted event monitoring:
- Open the desired page in Webflow
- Access Page Settings > Custom Code
- Add event-specific code like form submission tracking
- Avoid duplicating the base tracking script to prevent inflated metrics
Matomo automatically tracks several interactions without additional configuration:
- File downloads (PDF, ZIP, DOC)
- Outbound link clicks
- Site search queries
- 404 error pages
For GDPR compliance, enable "Delay for Cookie Consent" in your tracking code to pause data collection until visitors accept cookies. This works seamlessly with Webflow's cookie consent solutions.
Build with Webflow and Matomo APIs
Direct API integration unlocks capabilities beyond basic tracking, such as automated reporting, user segmentation, and cross-platform analytics. This approach suits businesses needing custom dashboards, advanced e-commerce tracking, or multi-site management.
The Matomo API ecosystem includes four core components that work together:
- Reporting API for data extraction and custom segments
- Tracking API for server-side event capture
- Sites Management API for programmatic site configuration
- Tag Manager API for dynamic tracking deployment
Create custom analytics dashboards
Build tailored reporting interfaces using the Reporting API:
- Extract processed reports: Use the
API.getProcessedReport
endpoint to fetch visitor demographics, page performance, or conversion data with proper formatting and metadata - Apply advanced segmentation: Filter reports using complex conditions like
segment=countryCode==US;browserCode==CH
to analyze specific user groups - Embed visualizations: Generate widget URLs via
module=Widgetize&action=iframe
to display Matomo charts directly in Webflow pages
The API.getBulkRequest
method enables fetching multiple reports in one call, reducing server load when building comprehensive dashboards.
Implement server-side tracking
Enhance data accuracy using the Tracking API for events that client-side JavaScript might miss:
- Configure HTTP tracking: Send pageviews and events via
POST
requests to/matomo.php
with parameters likeidsite
,url
, andaction_name
- Track sensitive conversions: Capture purchase events server-side to bypass ad blockers and ensure 100% data collection
- Enable bulk tracking: Submit multiple events in JSON format to reduce HTTP overhead for high-traffic sites
Server-side tracking requires a backend service (AWS Lambda, Netlify Functions) since Webflow doesn't execute server code directly.
Automate multi-site management
Streamline analytics deployment across Webflow projects using the Sites Management API:
- Programmatically create sites: Use
SitesManager.addSite
when launching new Webflow projects to automatically configure tracking - Generate tracking codes: Call
SitesManager.getJavascriptTag
to retrieve pre-configured scripts for each site - Manage site settings: Update URLs, timezones, and currencies via API as your Webflow sites evolve
This eliminates manual configuration and ensures consistent analytics setup across your portfolio.
What you can build
Integrating Matomo with Webflow enables powerful analytics solutions that respect user privacy while delivering actionable insights.
- Privacy-compliant e-commerce stores: Track product views, cart additions, and purchases without sharing customer data with third parties, using Matomo's built-in e-commerce analytics and GDPR-compliant tracking methods
- Conversion-optimized landing pages: Implement A/B testing, heatmaps (note: premium plugin required), and funnel analysis to identify drop-off points and optimize user journeys from initial visit to conversion
- Multi-language global sites: Leverage Matomo's automatic language detection and custom dimensions to analyze user behavior across different locales and optimize content for each market
- Membership portals with user analytics: Track individual user journeys across sessions using User ID tracking while maintaining privacy through pseudonymization and data anonymization features
Frequently asked questions

Category
Description
Matomo (formerly Piwik) is an open-source web analytics platform that provides comprehensive visitor insights while prioritizing user privacy and data ownership. Unlike other analytics tools, Matomo offers 100% accurate data without sampling, real-time reporting, and full compliance with GDPR, CCPA, and other privacy regulations. With features like heatmaps, session recordings, and conversion tracking, it serves over 1.4 million websites globally.
This integration page is provided for informational and convenience purposes only.

AddThis
Turn your visitors into engaged customers.

Google Analytics
Google analytics is one of the most powerful web analytics platforms on the web.

Google Tag Manager
Integrate Google Tag Manager with Google Analytics to make the most of your marketing with Webflow.

Hotjar
Connect Hotjar's powerful user behavior analytics with Webflow to understand how visitors interact with your site. Track heatmaps, session recordings, and gather feedback to optimize user experience and boost conversions — all without coding.

Klaviyo
Connect Klaviyo's powerful email marketing and SMS automation with Webflow to create personalized customer journeys, capture leads through embedded forms, and sync e-commerce data for abandoned cart recovery and behavioral targeting — all without leaving your visual design environment.

Marketo
Connect Marketo with Webflow to capture leads, track visitor behavior, and create personalized marketing campaigns directly from your Webflow site.