Install Muro on Webflow
Add Muro to a Webflow site through the project's Custom Code settings. No collection-level work needed.
Webflow lets you paste site-wide custom code into the <head>. That's where Muro goes.
Steps
-
Open your project in the Webflow Designer.
-
Click the project name in the top-left, then choose Project settings.
-
Switch to the Custom code tab.
-
Scroll to Head code.
-
Paste the snippet:
<script async src="https://api.muroanalytics.com/muro.js" data-project-id="YOUR_PROJECT_ID"></script> -
Click Save changes.
-
Click Publish (top right) and republish to your Webflow domain or your custom domain.
The snippet won't run on preview links. You need to publish for tracking to be live.
Where to find your project ID
Open your Muro dashboard, go to Settings → Project → Tracking script, and click Copy script. The project ID is the value of data-project-id.
Verify
- Open your published site in a browser.
- In Muro, set the time range to Live.
- Reload your site in another tab.
- Your visit appears within 30 seconds.
Tracking custom events in Webflow
For events like signups or button clicks, Webflow's Embed element lets you drop in JavaScript. For example, on a thank-you page:
<script>
window.muro.track('signup');
</script>See Track custom events for the full API.