Webflow Integration
Add Ovyxa analytics to your Webflow site with a single code snippet. No coding experience required.
Option A: Site-Wide (Recommended)
This adds tracking to every page on your Webflow site.
- Open your Webflow project and go to Project Settings
- Click the Custom Code tab
- In the Head Code section, paste the following:
<script
defer
data-domain="yourdomain.com"
src="https://ovyxa.com/js/script.js"
></script>
- Click Save Changes
- Publish your site for the changes to take effect
Option B: Single Page Only
To track only a specific page:
- Open the page in the Webflow Designer
- Click the gear icon (Page Settings) in the top-left Pages panel
- Scroll to Custom Code > Inside
<head>tag - Paste the same script snippet shown above
- 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:
- Add an Embed element after your button
- 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
- Publish your Webflow site
- Visit your live site and open the browser Network tab
- Look for a request to
ovyxa.com/js/script.js - 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.