Skip to main content

Webflow Integration

Add Ovyxa analytics to your Webflow site with a single code snippet. No coding experience required.

This adds tracking to every page on your Webflow site.

  1. Open your Webflow project and go to Project Settings
  2. Click the Custom Code tab
  3. In the Head Code section, paste the following:
<script
defer
data-domain="yourdomain.com"
src="https://ovyxa.com/js/script.js"
></script>
  1. Click Save Changes
  2. Publish your site for the changes to take effect

Option B: Single Page Only

To track only a specific page:

  1. Open the page in the Webflow Designer
  2. Click the gear icon (Page Settings) in the top-left Pages panel
  3. Scroll to Custom Code > Inside <head> tag
  4. Paste the same script snippet shown above
  5. Publish your site

Tracking Custom Events

Use Webflow's built-in custom code or Embed elements to add event tracking. For example, to track a button click:

  1. Add an Embed element after your button
  2. Paste the following code:
<script>
document.querySelector('#cta-button')?.addEventListener('click', function() {
window.ovyxa('event', 'CTAClick', { props: { location: 'hero' } })
})
</script>

Make sure the button has a matching ID (cta-button in this example) set in the Element Settings panel.

Tracking Form Submissions

Track Webflow native form submissions:

<script>
document.querySelector('.w-form')?.addEventListener('submit', function() {
window.ovyxa('event', 'FormSubmit', { props: { form: 'contact' } })
})
</script>

Cookieless Mode

To avoid cookie consent requirements, add the data-cookieless attribute:

<script
defer
data-domain="yourdomain.com"
data-cookieless
src="https://ovyxa.com/js/script.js"
></script>

Verify Installation

  1. Publish your Webflow site
  2. Visit your live site and open the browser Network tab
  3. Look for a request to ovyxa.com/js/script.js
  4. Check your Ovyxa dashboard to confirm data is flowing

Note: The tracking script will not work in the Webflow Designer preview. You must publish and visit the live site.

Next Steps