Intégration Webflow

Ajoutez Zenovay à n'importe quel site Webflow via Site Settings → Custom Code. Webflow prend en charge nativement les tags d'analytics, ce qui en fait l'une des intégrations CMS les plus propres.

Webflow Custom Code nécessite un Site Plan payant (Basic, CMS, Business ou Ecommerce) sur le site lui-même. Les plans Workspace seuls ne sont pas suffisants.

Démarrage rapide

Copiez votre snippet de suivi depuis le tableau de bord Zenovay.
Dans le Webflow Designer, ouvrez Site Settings → Custom Code.
Collez le snippet dans Head code.
Sauvegardez les modifications.
Cliquez sur Publish en haut à droite du Designer.

Installation

Custom Code pour tout le site (recommandée)

Ouvrez votre projet dans le Webflow Designer.
Cliquez sur l'icône d'engrenage dans la barre latérale gauche pour ouvrir Site Settings.
Ouvrez l'onglet Custom Code.
Collez ce snippet dans le champ Head code :

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

Cliquez sur Save Changes.
Revenez au Designer et cliquez sur Publish → choisissez vos domaines → Publish to Selected Domains.

Custom Code par page

Pour ne suivre que des pages spécifiques (par exemple, des landing pages de campagne) :

Sélectionnez la page dans le panneau Pages.
Cliquez sur l'icône d'engrenage → Page Settings.
Faites défiler jusqu'à Custom Code → Inside <head> tag.
Collez le même snippet.
Sauvegardez et publiez.

Le code au niveau de la page est ajouté après le code à l'échelle du site — ne collez pas dans les deux portées ou vous double-compterez.

Vérifier votre installation

Ouvrez votre site publié dans une fenêtre de navigation privée.
Consultez le code source — vous devriez voir <script defer data-tracking-code=...> dans le <head>.
Vérifiez la vue en temps réel Zenovay — votre visite apparaît en ~30 secondes.

Suivi des événements personnalisés

Une fois le tracker chargé, appelez window.zenovay() depuis n'importe quel élément HTML Embed 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>

Ajoutez ensuite data-zv-cta="hero-primary" à votre bouton via la section Custom attributes dans le Designer.

Suivi des achats Webflow Ecommerce

Pour les boutiques Webflow Ecommerce, déclenchez un événement purchase sur le template de page de confirmation de commande via 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>

Pour une meilleure précision (remboursements, abonnements), utilisez plutôt des webhooks côté serveur.

Identifier les membres connectés (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>

Dépannage

Pas de données. Vérifiez que le site est sur un Site Plan payant — les plans Free et Workspace seul ne peuvent pas injecter de scripts. Confirmez ensuite que vous avez cliqué sur Publish dans le Designer.

La moitié des pages est suivie. Vous avez probablement ajouté du code Head au niveau de la page qui remplace le niveau du site. Déplacez le snippet vers Site Settings → Custom Code uniquement.

Les événements ne se déclenchent pas. Encapsulez vos écouteurs d'événements personnalisés dans DOMContentLoaded — Zenovay est différé et se charge légèrement après le rendu initial.

Pages vues en double. Snippet collé à la fois dans Site Settings et dans un HTML Embed. Supprimez-en un.

Exigences du plan

Plan	Custom Code	Notes
Starter (gratuit)	❌	Custom Code désactivé
Basic	✅	Sites statiques
CMS	✅	Sites CMS dynamiques
Business	✅	Limites de formulaires plus élevées
Ecommerce	✅	Plus le suivi des revenus

Confidentialité

Pour un suivi sans cookies, ajoutez data-cookieless="true" :

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

Prochaines étapes

Lisez le guide complet d'intégration Webflow sur docs.zenovay.com pour des exemples avancés incluant l'identification Memberstack et le suivi des soumissions de formulaires.
Configurez des objectifs de conversion.
Besoin d'aide ? Contactez [email protected].