¿Cómo instalo Zenovay en Webflow?

Webflow facilita la integración de Zenovay — no hay ningún plugin que instalar. Pegas la etiqueta del tracker en el panel «Head Code» del sitio y publicas.

Pasos

1. 1

   Copia tu código de seguimiento

   Inicia sesión en app.zenovay.com, abre el panel de tu sitio y ve a Configuración → General. Tu fragmento de seguimiento se muestra allí — copia el código de seguimiento (se ve como zv_abc123xyz).

2. 2

   Abre la configuración del sitio en Webflow

   En el Webflow Designer, haz clic en el nombre del proyecto en la esquina superior izquierda y elige Site settings. Luego ve a la pestaña Custom code.

3. 3

   Pega el tracker en Head Code

   En el campo Head code, pega:

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

   Sustituye YOUR_TRACKING_CODE por el valor del paso 1.

4. 4

   Guarda los cambios

   Haz clic en Save changes en la parte superior del panel.

5. 5

   Publica el sitio

   Haz clic en Publish en la esquina superior derecha y elige tu dominio en producción. El tracker solo se dispara en el sitio publicado, no en el staging webflow.io — pero las visitas de staging tampoco contaminan tus datos.

Verificar que funciona

1. Abre tu sitio Webflow en producción en una ventana de incógnito.
2. Espera 30 segundos.
3. Abre el panel de tu sitio y selecciona la pestaña Live View — tu visita debería aparecer con la ubicación correcta.

Si no, consulta Verificar la instalación.

Rastrear conversiones y envíos de formularios

Los eventos nativos de envío de formulario y de clic de Webflow no llaman a Zenovay automáticamente. Para rastrear un evento personalizado (por ejemplo, un envío de formulario «demo solicitada»), añade un bloque embed en la página con:

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

Sustituye #your-form-id por el selector del formulario y demo_requested por tu nombre de evento.

Consejos de CSP / Rendimiento

• Webflow permite el tracker por defecto — no se necesitan cambios de CSP a menos que hayas añadido un encabezado Content-Security-Policy personalizado a través de una integración de dominio personalizado de Webflow.
• El tracker se carga con defer, por lo que no bloquea tu render inicial.
• El tracker es un pequeño script único que se carga de forma asincrónica, por lo que tiene un efecto negligible en las puntuaciones de Lighthouse.

Lecturas relacionadas

• Instalar el script de seguimiento
• Verificar la instalación
• Integración con WordPress
• Integración con Shopify