Skip to main content
Zenovay
Free5 minutesBeginner

How do I install Zenovay on Webflow?

Step-by-step instructions for adding the Zenovay tracker to a Webflow site using the built-in custom code panel. No plugin required.

webflowinstallationcmsno-codetracking
Last updated:

Webflow makes it straightforward to add Zenovay — there's no plugin to install. You paste the tracker tag into the site's "Head Code" panel and publish.

Steps

  1. Copy your tracking code

    Sign in to app.zenovay.com, open your website, and go to Settings → Tracking Code. Copy the code (it looks like zv_abc123xyz).

  2. Open Webflow's site settings

    In your Webflow Designer, click the project name in the top-left corner and choose Site settings. Then go to the Custom code tab.

  3. Paste the tracker into Head Code

    In the Head code field, paste:

    <script
      defer
      src="https://api.zenovay.com/z.js"
      data-tracking-code="YOUR_TRACKING_CODE"
    ></script>
    

    Replace YOUR_TRACKING_CODE with the value from step 1.

  4. Save changes

    Click Save changes at the top of the panel.

  5. Publish the site

    Click Publish in the top-right and choose your live domain. The tracker only fires on the published site, not on webflow.io staging — but staging visits don't pollute your data either.

Verifying it works

  1. Open your live Webflow site in an incognito window.
  2. Wait 30 seconds.
  3. Go to your Zenovay dashboard's Live tab — your visit should appear with the correct location.

If it doesn't, see Verifying your installation.

Tracking conversions and form submissions

Webflow's native form-submission and click events do not call Zenovay automatically. To track a custom event (for example, a "demo requested" form submission), add an embed block on the page with:

<script>
  document.querySelector('#your-form-id').addEventListener('submit', function() {
    zenovay('track', 'demo_requested', { form: 'hero_cta' });
  });
</script>

Replace #your-form-id with the form's selector and demo_requested with your event name.

CSP / Performance tips

  • Webflow allows the tracker by default — no CSP changes needed unless you've added a custom Content-Security-Policy header through a Webflow custom-domain integration.
  • The tracker is loaded with defer, so it does not block your initial render.
  • The tracker is under 25 KB gzipped — too small to noticeably affect Lighthouse scores.

Was this article helpful?