Integração com Webflow

Adicione o Zenovay a qualquer site Webflow através de Site Settings → Custom Code. O Webflow tem suporte de primeira classe para tags de análise, tornando esta uma das integrações de CMS mais simples.

O Custom Code do Webflow requer um Site Plan pago (Basic, CMS, Business ou Ecommerce) no próprio site. Apenas planos de Workspace não são suficientes.

Início rápido

Copie seu snippet de rastreamento do painel do Zenovay.
No Webflow Designer, abra Site Settings → Custom Code.
Cole o snippet em Head code.
Salve as alterações.
Clique em Publish no canto superior direito do Designer.

Instalação

Custom Code para todo o site (recomendado)

Abra seu projeto no Webflow Designer.
Clique no ícone de engrenagem na barra lateral esquerda para abrir as Site Settings.
Abra a aba Custom Code.
Cole este snippet na caixa Head code:

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

Clique em Save Changes.
Volte ao Designer e clique em Publish → escolha seus domínios → Publish to Selected Domains.

Custom Code por página

Para rastrear apenas em páginas específicas (por ex., landing pages de campanha):

Selecione a página no painel Pages.
Clique no ícone de engrenagem → Page Settings.
Role até Custom Code → Inside <head> tag.
Cole o mesmo snippet.
Salve e Publique.

O código no nível de página é acrescentado depois do código global — não cole em ambos os escopos ou você vai contar duas vezes.

Verifique sua instalação

Abra seu site publicado em uma janela anônima.
Visualize o código-fonte — você deve ver <script defer data-tracking-code=...> no <head>.
Verifique a visualização em tempo real do Zenovay — sua visita aparece em ~30 segundos.

Rastreamento de eventos personalizados

Após o carregamento do rastreador, chame window.zenovay() de qualquer elemento HTML Embed do 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>

Depois adicione data-zv-cta="hero-primary" ao seu botão via a seção Custom attributes no Designer.

Rastreamento de compras no Webflow Ecommerce

Para lojas Webflow Ecommerce, dispare um evento purchase no template da página Order Confirmation via um 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 maior precisão (reembolsos, assinaturas), use webhooks server-side em vez disso.

Identifique membros logados (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>

Solução de problemas

Sem dados. Verifique se o site está em um Site Plan pago — os planos Free e Workspace não podem injetar scripts. Depois confirme se você clicou em Publish no Designer.

Metade das páginas rastreadas. Você provavelmente adicionou código Head por página que está substituindo o global. Mova o snippet para Site Settings → Custom Code apenas.

Eventos não disparando. Envolva seus listeners de evento personalizados em DOMContentLoaded — o Zenovay é diferido e carrega um pouco depois da renderização inicial.

Visualizações de página duplicadas. Snippet colado em Site Settings e em um HTML Embed. Remova um.

Requisitos do plano

Plano	Custom Code	Observações
Starter (gratuito)	❌	Custom Code desabilitado
Basic	✅	Sites estáticos
CMS	✅	Sites CMS dinâmicos
Business	✅	Limites de formulário maiores
Ecommerce	✅	Mais rastreamento de receita

Privacidade

Para rastreamento sem cookies, adicione data-cookieless="true":

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

Próximos passos

Leia o guia completo de integração com Webflow em docs.zenovay.com para exemplos avançados, incluindo identificação com Memberstack e rastreamento de envio de formulário.
Configure metas de conversão.
Precisa de ajuda? Entre em contato pelo [email protected].