How to Install Google Tag Manager on Webflow (2026 Step-by-Step Guide)
Webflow has a dedicated Google Tag Manager field in Site Settings → Integrations - paste your container ID, save, republish, and you're done. The whole setup takes about 5 minutes. Webflow injects both snippets correctly: the head <script> goes into <head> and the <noscript> goes immediately after the opening <body>.
What you'll need before you start
- •A Webflow project on a hosting plan (free Starter publishes only to .webflow.io which works for testing but won't get search traffic)
- •Owner or contributor with permission to edit Site Settings
- •A Google account
How to install Google Tag Manager on Webflow: Step-by-step
- 1
Create a GTM container
Go to tagmanager.google.com, sign in, click Create Account, fill in the details, choose Web. Note your
GTM-XXXXXXXcontainer ID - that's all Webflow needs. - 2
Open your Webflow project's Site Settings → Integrations
From your Webflow Dashboard, click ... on your project tile → Settings. Click the Integrations tab.
- 3
Paste your GTM container ID
Scroll to the Google Tag Manager section. Paste your
GTM-XXXXXXXID into the Tracking ID field. Click Save changes. - 4
Publish your Webflow site
Webflow saves the container ID to the project, but the snippets won't appear on your live site until you publish. Click Publish in the Designer or from your project dashboard. Make sure you publish to your custom domain, not just to
.webflow.iostaging. - 5
(Optional) Push ecommerce events into the data layer
Webflow Ecommerce doesn't push standard GA4-format ecommerce events into
dataLayerautomatically. To captureview_item,add_to_cart,purchase, etc., you'll need a custom data-layer snippet. The cleanest path is to add it via Project Settings → Custom Code → Footer Code, hooking into Webflow's order confirmation page and cart events. Several agencies sell pre-built Webflow Ecommerce data-layer scripts. - 6
Add a tag in GTM and publish
Back in tagmanager.google.com, click Tags → New. For GA4, choose Google Analytics: GA4 Configuration, paste your Measurement ID, set trigger to All Pages, save. Click Submit in the top-right to publish the container.
- 7
Verify with GTM Preview
Click Preview in GTM, paste your published Webflow URL, click Connect. A new window opens with the GTM debug overlay showing every tag fired and every data-layer event captured.
How to verify your setup is working
GTM Preview mode is the most thorough verification. View source on your live Webflow site (Ctrl+U / Cmd+U) and search for GTM-XXXXXXX - you should find the snippet in the <head>. If you've configured GA4 in GTM, GA4 Realtime should show your test session within 30-60 seconds.
Common issues and fixes
GTM Preview says "GTM container not found" even though I republished
You may have published only to .webflow.io staging, not to your custom domain. The GTM Preview URL needs to match wherever you actually published. Check that Publish targets your live custom domain. Also confirm the snippet is in the rendered page source - if it's not, your project may need a hard republish (delete and re-add the GTM ID, then publish).
Webflow Ecommerce events aren't reaching GTM
Webflow Ecommerce doesn't push standard GA4-format events into dataLayer by default. To capture them you need a custom data-layer snippet in Custom Code → Footer Code. Search GitHub for Webflow Ecommerce GTM data layer for community templates, or use a paid agency-built snippet. Once events are firing, configure GA4 Event tags in GTM to consume them.
I want GTM to fire on my .webflow.io staging URL too
The GTM integration field deploys to whatever URL you publish to - including .webflow.io staging if you publish there. There's no way to install GTM only on staging or only on production from inside Webflow. If you want separate GTM containers for production vs staging, set up GTM environments and use the environment-specific snippet variant via Custom Code rather than the integration field.
Frequently asked questions
Does Webflow support Google Tag Manager?
Yes - there's a dedicated GTM field in Site Settings → Integrations. Paste your container ID and Webflow handles both snippets correctly. The integration covers all pages on your published site, including CMS-generated pages, Webflow Ecommerce product pages, and standalone pages.
Should I use Webflow's native Google Analytics integration or Google Tag Manager?
Use the native GA4 integration if GA4 is the only tag. Switch to GTM the moment you need a second tag (Meta Pixel, LinkedIn Insight, conversion APIs). Don't run both for GA4 - that double-tracks every event. Either disable GA4 in Webflow's Site Settings or don't include GA4 in GTM.
Where do I paste the GTM noscript code on Webflow?
You don't have to. Webflow's GTM integration field handles both the head <script> and the body <noscript> automatically when you paste your container ID into Site Settings → Integrations. There's no manual code-paste step.
How do I track Webflow Ecommerce purchases with GTM?
Webflow Ecommerce doesn't push GA4-standard ecommerce events into dataLayer by default. You need a custom snippet in Custom Code → Footer Code that hooks into the order-confirmation page and cart events. Once the data layer is firing standard events (view_item, add_to_cart, purchase), configure GA4 Event tags in GTM with matching triggers.
Can I install Google Tag Manager on a free Webflow site?
You can paste the container ID into the Integrations field on any plan, but it only fires on the published site - and free Starter projects publish only to .webflow.io. That's fine for testing but limits real-world value. Upgrade to a hosting plan to publish on your custom domain.
How do I know Google Tag Manager is working on my Webflow site?
Use GTM's Preview mode - paste your Webflow URL, click Connect, browse the site. Every tag firing should appear in the Tags Fired list. The Google Tag Assistant Chrome extension is faster for spot-checking specific pages.
Related Guides
Once you're set up, MeasureBoard turns the data into action
MeasureBoard connects to your analytics, search, and SEO tooling and generates AI-powered weekly reports, GEO readiness scores, and a dedicated AI analyst that answers questions in plain English. Free to start, connects in 30 seconds.
Get Started Free