Integración con Webflow

Añada Zenovay a cualquier sitio Webflow a través de Site Settings → Custom Code. Webflow tiene soporte de primera clase para etiquetas de analítica, lo que convierte esta en una de las integraciones de CMS más limpias.

Webflow Custom Code requiere un Site Plan de pago (Basic, CMS, Business o Ecommerce) para el propio sitio. Los planes de Workspace por sí solos no son suficientes.

Inicio rápido

Copie su fragmento de seguimiento desde el panel de Zenovay.
En el Webflow Designer, abra Site Settings → Custom Code.
Pegue el fragmento en Head code.
Guarde los cambios.
Haga clic en Publish en la parte superior derecha del Designer.

Instalación

Custom Code en todo el sitio (recomendado)

Abra su proyecto en el Webflow Designer.
Haga clic en el icono de engranaje en la barra lateral izquierda para abrir Site Settings.
Abra la pestaña Custom Code.
Pegue este fragmento en el campo Head code:

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

Haga clic en Save Changes.
Vuelva al Designer y haga clic en Publish → elija sus dominios → Publish to Selected Domains.

Custom Code por página

Para rastrear solo en páginas específicas (p. ej., páginas de destino de campaña):

Seleccione la página en el panel Pages.
Haga clic en el icono de engranaje → Page Settings.
Desplácese hasta Custom Code → Inside <head> tag.
Pegue el mismo fragmento.
Guarde y publique.

El código a nivel de página se añade después del código de todo el sitio — no lo pegue en ambos ámbitos o contará doble.

Verificar la instalación

Abra su sitio publicado en una ventana de incógnito.
Vea el código fuente — debería ver <script defer data-tracking-code=...> en el <head>.
Compruebe la vista en tiempo real de Zenovay — su visita aparece en ~30 segundos.

Seguimiento de eventos personalizados

Después de que el rastreador se carga, llame a window.zenovay() desde cualquier elemento HTML Embed de Webflow:

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const cta = document.querySelector('[data-zv-cta]');
    cta?.addEventListener('click', () => {
      window.zenovay?.('track', 'cta_clicked', {
        location: cta.dataset.zvCta,
        page: window.location.pathname,
      });
    });
  });
</script>

Luego añada data-zv-cta="hero-primary" a su botón a través de la sección Custom attributes en el Designer.

Seguimiento de compras en Webflow Ecommerce

Para tiendas Webflow Ecommerce, dispare un evento purchase en la plantilla de la página de confirmación de pedido mediante un HTML Embed:

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const total = document.querySelector('[data-wf-order-total]')?.textContent;
    const orderId = window.location.pathname.split('/').pop();
    if (window.zenovay && total) {
      window.zenovay('track', 'purchase', {
        transaction_id: orderId,
        revenue: parseFloat(total.replace(/[^0-9.]/g, '')),
        currency: 'USD',
      });
    }
  });
</script>

Para mayor precisión (reembolsos, suscripciones), use webhooks del lado del servidor en su lugar.

Identificar miembros con sesión iniciada (Memberstack)

<script>
  window.$memberstackDom?.getCurrentMember().then(({ data: member }) => {
    if (member && window.zenovay) {
      window.zenovay('identify', {
        userId: member.id,
        email: member.auth?.email,
        plan: member.planConnections?.[0]?.planName,
      });
    }
  });
</script>

Resolución de problemas

Sin datos. Verifique que el sitio esté en un Site Plan de pago — los planes Free y solo de Workspace no pueden inyectar scripts. Luego confirme que hizo clic en Publish en el Designer.

La mitad de las páginas rastreadas. Probablemente añadió código Head a nivel de página que está anulando el de todo el sitio. Mueva el fragmento solo a Site Settings → Custom Code.

Los eventos no se disparan. Envuelva sus listeners de eventos personalizados en DOMContentLoaded — Zenovay está diferido y se carga ligeramente después del renderizado inicial.

Vistas de página duplicadas. Fragmento pegado tanto en Site Settings como en un HTML Embed. Elimine uno.

Requisitos del plan

Plan	Custom Code	Notas
Starter (gratuito)	❌	Custom Code desactivado
Basic	✅	Sitios estáticos
CMS	✅	Sitios CMS dinámicos
Business	✅	Límites de formularios más altos
Ecommerce	✅	Más seguimiento de ingresos

Privacidad

Para el seguimiento sin cookies añada data-cookieless="true":

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

Siguientes pasos

Lea la guía completa de integración con Webflow en docs.zenovay.com para ejemplos avanzados que incluyen identificación con Memberstack y seguimiento de envíos de formularios.
Configure objetivos de conversión.
¿Necesita ayuda? Contacte a [email protected].