Webflow

Webflow tracking without a Zapier duct-tape stack.

Webflow gives you full HTML embed control but no server-side hooks, which means dataLayer events must be implemented as embedded JavaScript on the relevant pages. AtriTap generates the setup plan and spec; your developer pastes the pushes into Webflow embeds.

Implementation notes

Add the GTM container snippet in Project Settings → Custom Code (header and before-body-tag).
Form submissions: Webflow's native form handler emits a `wf-form-*` event. Pair it with a small onsubmit listener to push a dataLayer event only on successful server response.
Ecommerce stores on Webflow: the checkout is hosted by Webflow and the Thank You page is configurable. Push the purchase event from a custom embed on that page.
Symbols (components) are a common place to forget your dataLayer pushes. Audit every Symbol after go-live.

Common pitfalls

Using Webflow's built-in Google Analytics integration and GTM simultaneously. Choose one source of truth.
Relying on the CMS item field for product SKU without confirming it is exposed on the Thank You page.
Forgetting that Webflow publishes preview environments and staging sites with the same GTM container. Use environments in GTM Preview mode.

FAQ

Can I run AtriTap with the Webflow Ecommerce stack?

Yes. The dataLayer spec accounts for Webflow Ecommerce's order data. Be mindful that Webflow does not expose as much order metadata as Shopify, so custom dimensions need to be mapped carefully.

Do I need a Webflow Pro plan?

No, Custom Code injection works on standard Webflow plans.

Start free See the full feature list