Présentation de Webyn
Webyn est une plateforme de pilotage du CRO. Elle vous permet d'identifier où vous perdez de la conversion, de décider quoi optimiser en priorité, de déployer rapidement des optimisations et d'en mesurer l'impact business.
Le cycle de performance Webyn
Webyn combine l'analyse comportementale via l'IA et l'action (A/B testing et personnalisation) au sein d'un même outil. Le Cycle de Performance vous permet de transformer la donnée comportementale en impact business mesurable.
Les 4 piliers de Webyn
Tout-en-un
Analyse, heatmaps, A/B testing et personnalisation réunis dans une seule plateforme.
Piloté par la donnée
Décisions basées sur des données comportementales réelles : parcours, scroll, clics, funnels.
Actionnable
Chaque insight est conçu pour être transformé en action déployable rapidement, sans dev.
Automatisé
L'IA accélère l'identification des frictions et la création des optimisations.
Une logique de cycle continu
Webyn n'est pas un outil ponctuel, mais un cycle d'amélioration continue. Ce cycle vous permet d'inscrire le CRO dans la durée, en passant d'actions isolées à une stratégie structurée, orientée performance et ROI.
Webyn s'adresse aux équipes e-commerce, marketing, produit et CRO qui souhaitent piloter la conversion de manière rigoureuse, même avec des ressources techniques et opérationnelles limitées.
Planning des Formations 2026
Calendrier des sessions de formation Webyn proposées tout au long de l'année : formations généralistes, présentations des nouveautés produit, et formations spécifiques par thématique CRO.
Les sessions datées ont lieu à 14h. Le programme des formations spécifiques est ajusté en continu en fonction de l'actualité produit — les dates ci-dessous peuvent évoluer.
Sessions programmées
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Présentation Nouveautés Webyn
Découvrez nos dernières nouveautés et les fonctionnalités à venir.
Expérimentation autonome
Comment gagner du CA incrémental en lançant des optimisations en autonomie.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Always-on & animations commerciales
Créer un revenu incrémental permanent grâce aux stratégies always-on.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Présentation Nouveautés Webyn
Découvrez nos dernières nouveautés et les fonctionnalités à venir.
Panier moyen & cross-sell
Comment doper votre panier moyen avec Webyn.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Présentation Nouveautés Webyn
Découvrez nos dernières nouveautés et les fonctionnalités à venir.
Personnalisation
Faites de la personnalisation avec Webyn et gagnez des points de taux de conversion.
Formation Webyn Basics
Apprendre et découvrir comment utiliser les différentes fonctionnalités de Webyn.
Thème à confirmer
Le sujet de cette session sera communiqué prochainement.
Formations spécifiques à venir
Ces thématiques seront programmées au fil de l'année — les dates seront ajoutées au planning ci-dessus dès qu'elles seront fixées.
Analytics avancé
Détecter vos plus grosses pertes de chiffre d'affaires grâce à l'analyse comportementale avancée (Funnels, Multi-entry, Sunburst, Sankey, Heatmaps, Scrollmaps, Performance Score).
Insights IA
Comment les Insights IA peuvent générer du chiffre d'affaires en 1 clic.
Prompting avancé
Comment utiliser le prompting Webyn pour lancer des optimisations avancées.
Reconnaissance visiteurs
Exploiter la reconnaissance visiteurs pour sécuriser et accélérer la conversion (welcome back, panier abandonné intelligent).
Glossaire des termes clés
Définitions des termes utilisés dans la plateforme Webyn et dans le domaine du CRO.
Installation du tag Webyn
La balise Webyn permet de connecter le site client à la plateforme pour mesurer les données de navigation et afficher les expériences directement sur le site.
Ajouter le script
La balise doit être ajoutée dans le <head> du site :
<!-- Webyn.ai -->
<script src="https://files.webyn.ai/webyn.min.js"
data-key="VOTRE_CLIENT_ID">
</script>
<!-- End of Webyn.ai -->Le paramètre data-key correspond au client ID, unique pour chaque compte. Il vous est fourni par votre CRO Manager lors de l'onboarding.
Fonctionnement côté client
Le script Webyn fonctionne en surcouche sur le site : il s'exécute uniquement côté navigateur et n'interagit pas avec les serveurs du client. Toutes les données collectées sont transmises aux serveurs Webyn.
Performance et impact sur le site
Chargement quasi-instantané
Le script est minifié, léger, et servi depuis un CDN mondial.
Non bloquant
Fallback automatique : en cas de lenteur réseau, le script ne bloque jamais l'affichage du site.
Sécurisé
Aucune donnée personnelle identifiable. Toutes les communications sont chiffrées (HTTPS).
Bonnes pratiques d'installation
- Vérifier que la balise est bien présente dans le
<head>de toutes les pages concernées - S'assurer que le
data-keycorrespond à celui généré pour le site - Tester le bon fonctionnement via la console du navigateur (vérifier que le script se charge depuis
files.webyn.ai) - Installer l'extension Chrome Webyn pour faciliter la création d'optimisations
Questions fréquentes
Est-ce que le script ralentit mon site ?
Non. Le script Webyn est très léger et optimisé pour se charger en parallèle du reste de la page. Il ne bloque pas le rendu et n'affecte pas les métriques de performance (LCP, CLS, etc.).
Que se passe-t-il si le script ne charge pas ?
Le site continue de s'afficher normalement. Les expériences A/B ne s'affichent simplement pas, mais aucune erreur visible n'apparaît pour l'utilisateur final.
Connexion & navigation dans l'interface
Se connecter à Webyn
Accéder à la plateforme
Rendez-vous sur app.webyn.io
Saisir vos identifiants
Entrez votre adresse email professionnelle et votre mot de passe
Cliquer sur "Se connecter"
En cas de mot de passe oublié, cliquez sur le lien dédié pour recevoir un email de réinitialisation.
L'accès nécessite un compte utilisateur configuré par un administrateur Webyn. Si vous n'avez pas encore de compte, contactez votre référent interne ou l'équipe support.
Navigation dans l'interface
L'interface Webyn se compose de trois zones principales :
1. Barre latérale gauche
Permet d'accéder aux modules clés :
- Dashboard — vue d'ensemble des performances et alertes
- Insights — opportunités actionnables identifiées par l'IA
- Analytics — analyse des parcours utilisateurs
- Optimisations — création et suivi des optimisations
2. Zone centrale
Affiche les données, graphiques, tableaux et rapports selon le module sélectionné. C'est ici que vous consultez vos analyses et pilotez vos optimisations.
3. Filtres globaux
Permettent d'affiner l'analyse :
- Période (plage de dates)
- Type de visiteur (nouveaux vs récurrents, device…)
- Source de trafic
- Pages ou segments spécifiques
Passez la souris sur un indicateur ou un graphique pour afficher les détails et définitions.
Vos 30 premiers jours avec Webyn
L'objectif du premier mois est de passer de l'installation à votre premier gain financier (Quick Win).
Semaine 1
Installation & Collecte — Initialiser la collecte de données comportementales.
Semaine 2
Diagnostic & Premier lancement — Identifier un Quick Win et le mettre en production.
Semaine 3
Restitution de l'audit — Lecture des analyses et construction du backlog.
Semaine 4
Priorisation — Lancer les premières optimisations et gagner des conversions incrémentales.
Semaine 1 — Installation & Collecte
Action : Installation du script Webyn et configuration des accès.
Objectif : Initialiser la collecte. Webyn commence immédiatement à enregistrer le comportement de vos visiteurs pour nourrir l'IA et établir votre ligne de base (Baseline).
Pro tip : Installez l'extension Chrome Webyn. Vérifiez dans le Dashboard que les sessions remontent correctement.
Semaine 2 — Diagnostic & Premier lancement
Action : Transformation immédiate des insights en tests.
Objectif : Ne pas attendre. Identifiez un gain rapide ("Quick Win") et mettez-le en production dans la foulée.
Pro tip : Consultez le module Insights (cartes "High Impact") ou utilisez le Zonemap pour repérer un élément ignoré sur la Homepage. Utilisez le "Magic Button" depuis l'Insight pour créer l'optimisation instantanément.
Semaine 3 — Restitution de l'audit
Action : Lecture des analyses des données récoltées et traitées.
Objectif : Restitution de l'audit et construction du backlog d'optimisations.
Semaine 4 — Priorisation et mise en ligne
Action : Développement et mise en ligne des optimisations.
Objectif : Lancer les premières optimisations et gagner vos premières conversions incrémentales.
Pro tip : Allez dans Optimizations Reporting. Analysez le RPS Uplift. Si le test est Winner : il continuera de vous faire gagner des revenus en étant déployé à 90% du trafic. Si le résultat est neutre : analysez les segments Mobile vs Desktop avec votre CRO Manager.
Dashboard
Le Dashboard est votre point d'entrée pour suivre la santé globale de votre performance : trafic, conversion et engagement. C'est la première page que vous voyez en arrivant sur Webyn.
À quoi sert le Dashboard ?
Il sert à répondre rapidement à 3 questions :
- Est-ce que le site performe mieux ou moins bien sur la période ?
- Est-ce que le trafic ou le mix d'audience a changé ?
- Où regarder ensuite (Insights / Analytics) si quelque chose bouge ?
Les filtres — cadrer votre analyse
En haut de la page, 5 filtres permettent de cadrer précisément votre analyse :
| Filtre | Ce qu'il permet | Exemple d'usage |
|---|---|---|
| Date Range | Sélectionner une période précise via un calendrier | Analyser les 30 derniers jours, une semaine de soldes, un mois spécifique |
| Sources | Filtrer par source de trafic | SEO, SEA, Email, Social, Direct — isoler l'impact d'une campagne |
| Session | Filtrer par type de session | All Sessions, New visitors, Returning visitors |
| Device | Filtrer par appareil | All Devices, Desktop, Mobile — détecter un problème mobile spécifique |
| Country | Filtrer par pays | Isoler les performances d'un marché géographique |
Bon réflexe : quand un KPI bouge, commencez par isoler Device et Source. L'explication est très souvent là (ex : baisse mobile uniquement, ou baisse SEA).
Les 6 KPIs principaux
Chaque KPI affiche sa valeur absolue et une flèche de tendance (↗ vert / ↘ rouge) avec le pourcentage d'évolution par rapport à la période précédente. C'est le signal immédiat pour savoir si la situation s'améliore ou se dégrade.
| KPI | Libellé exact | Description | Signal d'alerte |
|---|---|---|---|
| Sessions | Number of sessions | Volume total de visites sur la période | Forte variation → vérifier les sources |
| Conversions | Number of conversions | Nombre de conversions réalisées | Baisse → diagnostiquer avec Device/Source |
| Conversion Rate | Conversion rate | % de sessions ayant abouti à une conversion | À lire en croisant avec le volume Sessions |
| Durée session | Average session duration | Durée moyenne d'une visite (format mm:ss) | ↓ → engagement en baisse, contenu peu captivant |
| Bounce Rate | Bounce rate | % de sessions à une seule page sans interaction | ↑ → problème d'atterrissage ou de pertinence |
| Visiteurs récurrents | Returning visitors rate | Part des visiteurs déjà venus sur le site | Signal de fidélité et de rétention |
Trend over time — le graphique central
Le graphique "Trend over time" combine deux courbes sur la même période :
- Barres bleues — Number of sessions (axe droit) : volume de trafic jour par jour
- Courbe orange — Conversion rate (axe gauche) : évolution du taux de conversion
Ce double affichage permet de détecter immédiatement si une variation de CR est liée à un changement de volume ou de qualité du trafic.
Exemple de lecture : les sessions augmentent (barres bleues en hausse) mais le CR baisse (courbe orange en descente) → le trafic supplémentaire est moins qualifié. À investiguer côté sources.
Traffic segmentation — Desktop vs Mobile
Le camembert "Traffic segmentation" affiche la répartition Desktop / Mobile du volume total de sessions sur la période sélectionnée. C'est un indicateur structurel essentiel :
- Si le Mobile représente plus de 50% du trafic, toute optimisation doit être priorisée et validée sur mobile en premier
- Une évolution de ce ratio d'une période à l'autre peut expliquer une variation de CR globale
Comprendre les relations entre KPIs
- Sessions ↓ + CR ↑ → trafic en baisse mais audience plus qualifiée
- Sessions ↑ + CR ↓ → plus de trafic mais moins qualifié (souvent source payante)
- Bounce rate ↑ → problème d'atterrissage (message, vitesse, UX mobile)
- Durée session ↓ + Bounce rate ↑ → contenu non pertinent ou page lente
- Returning visitors ↓ → problème de fidélisation, à investiguer avec le CRM
Que faire quand un KPI bouge ?
- CR / conversions baissent → allez dans Insights puis Analytics (Funnel / Scrollmap / Heatmap)
- Bounce rate augmente → allez dans Pages Performances sur les pages d'entrée principales
- Part mobile augmente et CR baisse → analyse Mobile en priorité dans tous les modules Analytics
- Variation inexpliquée → filtrez par Source pour isoler la campagne ou le canal responsable
Sunburst Analysis
Le Sunburst permet de visualiser les parcours réels des visiteurs sur votre site, étape par étape — y compris les détours, retours arrière et sorties.
Question clé : "Après être arrivés sur une page, où vont réellement mes visiteurs… et où les perd-on ?"
Les filtres disponibles
Le Sunburst partage les mêmes filtres globaux que le Dashboard : Date Range, Sources, Session, Device, Country. Deux contrôles supplémentaires sont spécifiques au Sunburst :
- Normal / Reversed — bascule le sens de lecture du parcours
- Entrypoint — filtre les parcours selon la page d'entrée
- User Journey — sélecteur permettant de choisir le parcours analysé (ex : "Main User Journey")
Comment lire un Sunburst
Le Sunburst se lit du centre vers l'extérieur. Chaque anneau représente une étape supplémentaire dans la navigation.
- Le centre — point de départ (souvent la Homepage ou la page d'entrée principale)
- Les anneaux colorés — étapes successives de navigation. Plus un segment est large, plus il capte de visiteurs.
- Les zones grisées — sorties ou abandons à cette étape du parcours
Les 3 modes de lecture
| Mode | Question à laquelle il répond | Usage typique |
|---|---|---|
| Normal | "Où vont mes visiteurs après cette page ?" | Analyser le flux sortant depuis une page stratégique |
| Reversed | "D'où viennent les visiteurs qui arrivent sur cette page ?" | Comprendre les chemins menant à une conversion ou une page clé |
| Entrypoint | "Quels parcours suivent les visiteurs selon leur page d'entrée ?" | Comparer les comportements SEO vs SEA vs Direct |
Le User Journey Configurator
Via le bouton Edit Configuration, vous accédez au User Journey Configurator. Il permet de définir quels groupes de pages sont inclus dans l'analyse du Sunburst — et cette configuration s'applique également au module Sankey.
Comment l'utiliser
Nommer le User Journey
Donnez un nom explicite dans le champ User Journey Name (ex : "Main User Journey", "Tunnel Checkout Mobile").
Choisir les groupes à inclure
La colonne de gauche Mapped Groups liste tous les groupes de pages disponibles (Homepage, Page Produit, Collections, Conversion, Ajout au Panier, Blog, Landing…). Cliquez sur + pour ajouter un groupe à votre journey.
Valider la sélection
Les groupes sélectionnés apparaissent dans la colonne de droite Selected groups. Vérifiez votre sélection.
Appliquer
Cliquez sur Apply new configuration. Le journey sera recalculé sur les 30 derniers jours uniquement.
Attention : La sauvegarde d'une nouvelle configuration recalcule le journey sur les 30 derniers jours seulement — les données antérieures ne sont pas rétroactives.
Les Mapped Groups sont les groupes de pages configurés lors de votre onboarding Webyn. Si vous souhaitez en ajouter de nouveaux (ex : une nouvelle collection, une page landing), contactez votre CRO Manager.
Ce qu'il faut chercher en priorité
- Sorties prématurées — gros segments grisés très tôt → friction ou promesse non tenue
- Parcours trop longs — beaucoup d'anneaux avant d'atteindre la fiche produit → simplifier la navigation
- Détours inattendus — passage massif vers des pages non stratégiques (ex : FAQ, Contact) → signal de confusion
- Disparité Mobile/Desktop — comparer les deux devices révèle très souvent des comportements radicalement différents
Bon réflexe : Utilisez le mode Reversed pour remonter depuis la page de conversion et identifier quelles pages y conduisent le plus — c'est souvent surprenant.
Funnel Analysis
Le Funnel permet d'analyser un parcours de conversion structuré, étape par étape, afin de quantifier précisément les pertes entre chaque action clé.
Question clé : "À quelle étape perd-on le plus de visiteurs… et combien cela représente en volume ?"
Comment lire le Funnel
Chaque niveau représente une étape clé du parcours. Pour chaque étape, Webyn affiche le nombre de sessions et le taux de passage par rapport à l'étape précédente. Exemple sur Lignea :
| Étape | Sessions | Taux | Lecture |
|---|---|---|---|
| Homepage | 94 776 | 100% | Point de départ |
| Produit Liste | 83 015 | 87,59% | Bonne rétention depuis la homepage |
| Page Produit | 68 656 | 72,44% | Perte notable ici → à analyser |
| Page Panier | 13 203 | 13,93% | Chute forte → friction majeure entre PDP et panier |
| Commande | 7 099 | 7,49% | Abandon au checkout |
| Conversion | 4 228 | 4,46% | Taux de conversion final |
Identifier les zones de friction
Les zones à traiter en priorité sont celles où la chute relative (%) est forte ET le volume absolu est élevé. Dans l'exemple ci-dessus, la chute de 72% (Page Produit) à 14% (Page Panier) est le signal le plus fort — c'est là que l'essentiel des visiteurs abandonne.
Erreur classique : optimiser le checkout en priorité alors que la friction majeure est avant l'ajout au panier. Identifiez toujours l'étape où la chute est la plus forte d'abord.
Le Funnel Configurator
Via le bouton Edit Configuration, vous accédez au Funnel Configurator. Il permet de personnaliser les étapes du funnel analysé :
- Funnel Name — nommer le funnel (ex : "Main Funnel")
- Mapped Groups — définir les points d'entrée du funnel (entrypoints)
- Funnel Steps — les étapes du tunnel dans l'ordre (glisser-déposer pour réordonner, — pour supprimer)
La configuration s'applique simultanément au Funnel standard et au Multi-Entry Funnel. Une seule configuration met à jour les deux vues.
Bon réflexe : Toujours analyser le Funnel Mobile vs Desktop. Les taux de drop peuvent être totalement différents pour une même étape — une friction invisible sur Desktop peut être critique sur Mobile.
Heatmap & Zonemap
Le module Heatmaps regroupe trois outils complémentaires — Clicks, Zones et Scroll — accessibles depuis le même panneau. Tous analysent le comportement réel des visiteurs directement superposé à votre page.
Les cartes sont accessibles depuis l'extension Chrome Webyn. Les trois modes (Clicks, Zones, Scroll) se sélectionnent depuis le panneau latéral droit, avec un sélecteur de page et de device.
Click Map — où cliquent vraiment vos visiteurs
Question clé : "Sur quels éléments les visiteurs essaient-ils réellement d'interagir ?"
Les zones chaudes (rouge/orange) concentrent le plus de clics. Les zones froides (jaune/vert pâle) reçoivent peu d'interactions.
Ce qu'il faut analyser
- Navigation très cliquée — si le menu est la zone la plus chaude sur une fiche produit, les visiteurs cherchent autre chose → problème d'adéquation contenu/intention
- Sélecteurs de taille/couleur — les clics sur ces éléments montrent l'engagement. Une taille très cliquée vs peu achetée = friction à ce niveau
- Faux affordances — clics sur des images ou textes non cliquables → confusion utilisateur
- CTA sous-performants — bouton "Ajouter au panier" peu cliqué malgré un fort trafic → problème de visibilité, wording ou position
Exemple Volcom : Les tailles M et L concentrent le plus de clics sur le sélecteur de tailles — signal que ce sont les tailles les plus recherchées. Si elles sont souvent en rupture, c'est un levier CRO (afficher la disponibilité en temps réel, proposer une alerte réassort).
Zone Map — le poids réel de chaque élément
Question clé : "Quel pourcentage des clics totaux capte chaque zone de la page ?"
La Zone Map découpe la page en zones et affiche pour chacune le % des clics totaux. C'est l'outil idéal pour arbitrer objectivement entre des éléments concurrents.
Comment lire les pourcentages
- Le bouton "Ajouter au panier" capte 21,11% des clics — c'est le point d'interaction principal, signe que les visiteurs cherchent à acheter
- Le menu de navigation capte 8,27% — fort taux pour une fiche produit, signal que certains visiteurs repartent chercher autre chose
- Les sélecteurs de taille (XS à XXL) cumulent les % les plus élevés après le CTA — montrent l'importance de cet élément dans la décision d'achat
Clicks vs Zones — quand utiliser quoi ?
| Outil | Question à laquelle il répond | Usage typique |
|---|---|---|
| Click Map | "Où cliquent mes visiteurs intuitivement ?" | Détecter confusion, faux affordances, éléments ignorés |
| Zone Map | "Quel est le poids relatif de chaque zone ?" | Prioriser les zones à optimiser, mesurer l'efficacité d'un CTA |
Scrollmap
La Scroll Map permet d'analyser jusqu'où les visiteurs scrollent réellement sur une page et quelle proportion voit chaque zone du contenu.
Principe clé : Une information invisible est une information inutile. Si un élément stratégique n'est pas vu, il ne peut pas convertir.
Comment lire une Scrollmap
La Scrollmap affiche la page entière en version réduite, avec des indicateurs de pourcentage à différentes profondeurs indiquant quelle proportion de visiteurs a scrollé jusqu'à ce point. La couleur de fond évolue du chaud (rouge/orange = haut de page, vu par tous) au froid (bleu/vert = bas de page, peu de visiteurs).
Lecture de l'exemple Volcom
| Indicateur | Zone | Lecture |
|---|---|---|
| 100% | Début de la fiche produit | Tous les visiteurs voient le haut de la page — zone stratégique maximale |
| 75% | Section Description | 3 visiteurs sur 4 voient la description — bon signal d'engagement |
| 26% | Section Avis clients | Seulement 1 visiteur sur 4 voit les avis → à remonter ou dupliquer plus haut |
| 8% | Footer | Très peu de visiteurs scrollent jusqu'en bas |
La ligne de flottaison (Fold)
La ligne de flottaison est la limite entre ce qui est visible sans scroller et ce qui nécessite une action. Tout ce qui est au-dessus du fold est vu par 100% des visiteurs à l'arrivée sur la page.
Sur mobile, le fold est beaucoup plus haut qu'en desktop. Un CTA visible immédiatement sur desktop peut être entièrement sous le fold sur mobile — toujours comparer les deux.
Ce qu'il faut analyser en priorité
- CTA principal sous le fold — si "Ajouter au panier" n'est visible que pour 60% des visiteurs sur mobile, c'est une friction critique
- Ruptures de scroll brutales — chute soudaine à un endroit précis → bloc trop long, rupture visuelle ou contenu peu engageant
- Éléments de réassurance peu vus — livraison, retours, avis clients souvent placés trop bas → à remonter ou dupliquer
- Recommandations produit invisibles — blocs "Vous aimerez aussi" vus par moins de 20% → impact commercial limité
Actions fréquentes issues de la Scrollmap
- Remonter un CTA clé au-dessus du fold mobile
- Dupliquer le bouton d'ajout au panier en sticky footer sur mobile
- Condenser ou supprimer des sections peu vues qui allongent inutilement la page
- Remonter les avis clients plus haut dans la fiche produit
- Ajouter un ancre visuel fort (flèche, gradient) pour inciter au scroll
Bon réflexe : Comparer la Scrollmap Mobile vs Desktop en parallèle. Les différences sont souvent radicales — ce qui fonctionne en desktop peut être totalement invisible sur mobile.
Insights IA
Le module Insights est le cœur prédictif de Webyn. Il transforme automatiquement la donnée comportementale en opportunités d'optimisation priorisées.
Les 3 onglets
Les Insights sont organisés en 3 onglets :
| Onglet | Contenu |
|---|---|
| To Review | Nouveaux insights générés par l'IA, à analyser et à transformer en optimisations |
| Active | Insights dont l'optimisation a été lancée et est en cours de test |
| Archived | Insights traités ou ignorés, conservés pour consultation |
La galerie d'opportunités
L'écran principal présente une liste de recommandations sous forme de cartes priorisées. Pour chaque insight :
- TOP IMPACT INSIGHT — badge mis en avant sur la carte à plus fort impact potentiel
- Missed opportunity — fourchette de revenus manqués estimée par mois (ex : +3 000€ → +7 000€/mois)
- Page concernée — Homepage, Page Produit, Marketplace Form…
- Device ciblé — Mobile, Desktop, Tous devices
Le détail d'une recommandation
En cliquant sur "Preview this optimization", une fenêtre modale s'ouvre avec :
- Diagnostic — L'IA explique pourquoi c'est un problème
- Suggested optimization — Une optimisation concrète et actionnable
- Objectives — L'objectif business associé (ex : Taux de conversion)
Le "Magic Button"
Deux options sont disponibles en bas de chaque insight :
Contact your CRO Manager
Échanger directement avec votre expert Webyn pour challenger l'insight ou définir une implémentation spécifique.
Preview this optimization
En un clic, Webyn transforme la recommandation en une prévisualisation de l'optimisation. Vous pouvez la valider et la pousser directement dans le Lab.
Ce processus supprime entièrement les étapes de configuration manuelle, de ciblage et de brief technique. Vous passez de la détection du problème à la solution prête à être lancée en quelques secondes.
Générer de nouveaux Insights
Par défaut, Webyn génère automatiquement des insights sur vos pages principales. Vous pouvez également en générer manuellement sur n'importe quelle page de votre site via le bouton + Generate.
Une modale s'ouvre pour sélectionner la page cible :
- Choisissez une page dans la liste (Homepage, Page Produit, Page Collection, Marketplace…)
- Ou recherchez par URL via la barre de recherche
- Cliquez sur Generate — Webyn analyse les données comportementales et génère de nouvelles recommandations en quelques secondes
Utilisez cette fonctionnalité pour obtenir des insights sur des pages qui n'auraient pas encore été analysées automatiquement — pages de landing campaign, pages saisonnières, ou nouvelles sections du site.
Backlog CRO
Le backlog CRO centralise toutes vos hypothèses de tests et optimisations à venir. C'est votre réservoir de croissance structuré.
Format : Le backlog Webyn est fourni sous forme de Google Sheet dédié par votre CRO Manager. Il est personnalisé selon votre site, vos données comportementales et vos priorités business. Si vous n'avez pas encore reçu votre backlog, contactez votre CRO Manager pour le mettre en place.
Ce que contient un backlog CRO
Page & zone ciblée
La page (Homepage, Fiche produit, Checkout…) et la zone précise concernée (Hero, CTA, Bloc réassurance, Sélecteur de taille…)
Problème constaté
Le constat factuel issu de la donnée comportementale. Ex : "42% seulement des visiteurs mobiles voient le CTA 'Ajouter au panier' (Scrollmap)"
Hypothèse
Si [action], alors [résultat attendu], car [raison comportementale].
Solution proposée
Ce qui sera modifié — clairement défini et testable. Une solution = une hypothèse.
KPI principal & score de priorité
La métrique mesurée (CR, RPS, Ajout au panier) et un score de priorisation pour ordonner les tests à lancer.
Le backlog est un document vivant. Il est mis à jour régulièrement par votre CRO Manager à partir des nouvelles analyses, des résultats de tests et des insights IA Webyn.
L'Optimization Lab
L'Optimization Lab est votre espace de création et de gestion des optimisations. C'est ici que vous créez vos tests A/B et vos Live Changes, que vous modifiez visuellement des éléments de votre site, et que vous suivez l'état de toutes vos campagnes — passées, en cours et à venir.
Vue d'ensemble du Lab
En accédant au Lab, vous arrivez sur la liste de toutes vos optimisations. En haut à droite, le bouton + Create new optimization permet de lancer une nouvelle campagne.
Les filtres de recherche
Trois filtres vous permettent de retrouver rapidement une optimisation :
- Search by name — recherche par mot-clé dans le nom de l'optimisation
- Type — filtrer par A/B Test ou Live Change
- Page — filtrer par page cible (Homepage, Collection, Page Produit…)
- Device — filtrer par device ciblé (All Devices, Mobile, Desktop)
Les colonnes du tableau
| Colonne | Ce qu'elle indique |
|---|---|
| Name | Nom de l'optimisation + page ciblée. Cliquer dessus ouvre le détail. |
| Status | État actuel de l'optimisation (voir tableau des statuts ci-dessous) |
| Visible to | Ciblage device et visiteurs (ex : "Mobile - All Visitors") |
| Type & Traffic | AB test ou Live change |
| Actions | Boutons contextuels selon le statut : Launch, Revise, See results, QR, View |
Les onglets de statut
Les optimisations sont organisées en 5 onglets. Chaque onglet correspond à une étape du cycle de vie d'une optimisation :
| Onglet | Signification | Actions disponibles |
|---|---|---|
| Draft | Optimisations en cours de création — sauvegardées à n'importe quelle étape du wizard | Cliquer sur Finish setup pour reprendre |
| Building | Optimisations en cours de développement par l'équipe Webyn. Visible en lecture seule — vous savez ce sur quoi on travaille pour vous. | Lecture seule — la colonne Actions affiche "Building in progress" |
| Ready to launch | Optimisations finalisées, prêtes à être lancées sur votre site | Launch pour mettre en ligne, Revise pour corriger |
| Active | Optimisations actuellement en ligne. Deux sous-statuts : Testing (A/B test en cours) et Live (Live Change déployé) | See results, QR, View |
| Archived | Optimisations terminées. Quatre sous-statuts possibles : Completed (test terminé normalement), Stopped (test interrompu), Winner (variante gagnante identifiée), Challenged (hypothèse non confirmée). Conservées pour consultation et capitalisation. | See results |
Onglet Draft
Onglet Building
Onglet Ready to launch
Onglet Archived
Dans l'onglet Archived, les optimisations gagnantes affichent un badge Winner directement dans la liste — pratique pour identifier d'un coup d'œil vos meilleurs tests passés.
Créer une optimisation — les 4 étapes
Cliquez sur + Create new optimization pour ouvrir le wizard de création. Il se compose de 4 étapes visibles en bas de l'écran : 1. Type & URL → 2. Design → 3. Targeting → 4. Configure & Launch. Vous pouvez naviguer entre les étapes à tout moment, et sauvegarder en brouillon à n'importe quel moment via Save as draft.
Étape 1 — Type & URL
Choisissez d'abord le type d'optimisation, puis la page sur laquelle elle doit s'appliquer.
A/B Test
Le trafic est réparti entre l'Original et une ou plusieurs variantes (Challengers). Permet de mesurer l'impact d'une modification et de décider sur la base de données statistiques.
→ Idéal pour tester une hypothèse et valider avant de déployer.
Live Change
La modification est déployée à 100% des visiteurs, sans phase de test. Aucune répartition de trafic.
→ Idéal pour des corrections urgentes, personnalisations permanentes ou ajouts de contenu.
En cas de doute, préférez toujours l'A/B Test. Un Live Change mal calibré est déployé à tous vos visiteurs sans filet de sécurité. L'A/B Test vous protège : si la variante performe moins bien, seule une partie du trafic est exposée.
Après avoir sélectionné le type, choisissez la page cible dans la liste proposée. Ces pages sont préconfigurées par l'équipe Webyn lors de votre onboarding — elles correspondent aux grandes zones de votre site (Full site, Homepage, Page Produit, Collection, Landing…).
Vous ne trouvez pas la page dont vous avez besoin dans la liste ? Contactez votre CRO Manager — il peut ajouter de nouvelles pages cibles à votre configuration.
Cliquez sur Save & continue Design pour passer à l'étape suivante.
Étape 2 — Design
C'est le cœur du Lab. Votre page s'affiche en temps réel dans l'éditeur. En bas de l'écran, deux modes de travail sont disponibles : Visual et Code. À droite, le panneau Design Assistant vous propose le mode Prompt AI.
En haut de l'écran, un sélecteur indique la page chargée (ex : "Volcom FR - Homepage"). En bas, le menu Challenger 1 vous permet de basculer entre les variantes si vous en avez créé plusieurs.
Mode Prompt AI — laisser l'IA modifier la page
Le Prompt AI est l'outil le plus puissant du Lab. L'IA voit votre page et comprend son contexte — elle n'applique pas le code à l'aveugle. Vous lui décrivez ce que vous voulez en langage naturel, elle génère le code et l'applique immédiatement sur la page, en quelques secondes.
Ce que le Prompt AI peut faire :
- Créer des éléments from scratch : bannière, pop-in, bloc de réassurance, compteur d'urgence… en respectant le design de votre site
- Modifier des éléments existants : texte, couleur, taille, fond, visibilité
- Effectuer plusieurs modifications en une seule instruction
- Cibler un élément spécifique dans une liste (ex : le 3e produit d'une grille)
- S'inspirer d'une maquette ou d'une image que vous lui envoyez via le bouton 📎
- Expliquer ce qu'il fait — et accepter des demandes de correction à la suite
| Exemple de prompt | Ce que l'IA fait |
|---|---|
"Ajoute une bannière verte en haut de page avec le texte 'Livraison offerte dès 50€'" | Crée une bannière en respectant la charte graphique du site |
"Change le bouton 'Ajouter au panier' en rouge et augmente sa taille de 20%" | Modifie couleur et taille en une seule instruction |
"Cache le bloc livraison sous le prix et remonte les avis clients à sa place" | Réorganise deux éléments en une opération |
"Voici une maquette [fichier joint] — recrée ce bloc en haut de la homepage" | S'inspire de la maquette pour générer le code correspondant |
"Rends le titre plus court, juste 2 mots maximum" | Correction itérative après un premier résultat |
Limites à connaître :
- Les éléments gérés côté back-end (prix dynamiques, stocks, données personnalisées serveur) ne peuvent pas être modifiés — uniquement ce qui s'affiche côté navigateur
- Recréer un élément complexe existant sous une forme très différente (ex : transformer un menu en accordéon en pop-in) peut bloquer — dans ce cas, passez par votre CRO Manager
Le résultat est immédiatement visible dans l'éditeur après quelques secondes. Vous pouvez enchaîner les instructions pour affiner : l'IA garde le contexte de la conversation et de la page.
Mode Visual — modifier en cliquant directement sur la page
Cliquez sur n'importe quel élément de la page pour le sélectionner. Un panneau de modification s'ouvre avec les options disponibles :
| Action | Ce que vous pouvez faire |
|---|---|
| Modifier le texte | Réécrire un titre, un CTA, une accroche, un libellé de bouton |
| Modifier la couleur | Couleur du texte, couleur de fond d'un bloc ou d'un bouton |
| Modifier la taille | Agrandir ou réduire un élément |
| Masquer un élément | Cacher un bloc, une bannière, un élément parasite sans le supprimer du code |
| Cibler un élément précis | Possible de cibler le 3e produit d'une grille, un item spécifique dans une liste |
Le mode Visual ne permet pas de déplacer des éléments d'une zone à une autre. Pour réorganiser la structure d'une page, utilisez le Prompt AI ou le mode Code.
Mode Code — liberté totale pour les profils techniques
Accès direct au JavaScript et CSS générés. Idéal pour les équipes techniques qui souhaitent :
- Contrôler précisément le code produit par l'IA avant validation
- Écrire des comportements dynamiques complexes (animations, logique conditionnelle)
- Injecter des scripts de tracking spécifiques
- Affiner le CSS au pixel près
Gérer les variantes
Dans le menu Challenger 1 en bas de l'écran, vous pouvez ajouter plusieurs variantes pour un même test (A/B/C/D…). Chaque Challenger est éditable indépendamment — vous pouvez tester plusieurs hypothèses en parallèle sur le même trafic.
Plus vous ajoutez de variantes, plus le trafic est divisé — et plus il faudra de temps pour atteindre une fiabilité statistique suffisante. En pratique, au-delà de 3 variantes, le test peut prendre très longtemps sur un trafic modéré.
Cliquez sur Save & Continue une fois votre design terminé.
Étape 3 — Targeting
Configurez qui verra votre optimisation, sur quel objectif elle sera mesurée, et dans quelles conditions.
Name & Description
Donnez un nom clair et explicite à votre optimisation. Un bon nom permet de retrouver et comprendre le test en un coup d'œil, même des mois plus tard.
Convention recommandée : [Page] - [Zone] - [Hypothèse courte]
Exemple : Homepage - Hero banner - Wording urgence soldes
Exemple : Fiche produit - CTA - Couleur rouge vs bleu
Goal — l'objectif de l'optimisation
Sélectionnez la métrique que vous cherchez à améliorer. C'est sur cette base que Webyn calculera si l'optimisation est Winner ou Challenged.
| Goal | À utiliser quand… |
|---|---|
| Conversion | Vous cherchez à augmenter le taux d'achat ou de lead |
| Ajout au Panier | Vous optimisez une fiche produit ou une page catégorie |
| Page Produit | Vous cherchez à attirer plus de visiteurs vers les fiches produit |
Choisissez toujours le Goal le plus proche de l'objectif business réel. Évitez de choisir un micro-objectif (ex : clic sur un élément) comme seul indicateur de succès.
Vous ne trouvez pas le Goal dont vous avez besoin dans la liste ? Contactez votre CRO Manager — il peut créer un nouveau Goal sur mesure adapté à votre contexte métier.
Devices — sur quels appareils
Choisissez les appareils sur lesquels l'optimisation sera visible :
- All Devices — Desktop et Mobile
- Desktop Only — uniquement les visiteurs sur ordinateur
- Mobile Only — uniquement les visiteurs sur smartphone
Visitors — quel type de visiteurs
- All visitors — tous les visiteurs sans distinction
- New visitors — uniquement les visiteurs qui découvrent le site pour la première fois
- Returning visitors — uniquement les visiteurs déjà venus sur le site
Advanced Condition — déclencheurs avancés (profils techniques)
Ce champ permet d'ajouter des conditions JavaScript personnalisées pour déclencher l'optimisation dans des situations très précises. Il est destiné aux profils techniques.
Exemples de conditions possibles :
// Déclencher après 30% de scroll
window.scrollY > document.body.scrollHeight * 0.3
// Déclencher après 30 secondes sur la page
setTimeout(() => { /* activation */ }, 30000)
// Déclencher pour un segment CRM spécifique
// (via donnée injectée dans le dataLayer)
dataLayer.statut_fidelite === 'VIP'Si vous souhaitez utiliser des conditions avancées sans compétences techniques, contactez votre CRO Manager — il peut les configurer pour vous sur la base de vos besoins métier.
Bientôt disponible : Il sera possible de décrire vos conditions avancées en langage naturel directement dans le Lab — par exemple : "Afficher après 30% de scroll", "Déclencher après 30 secondes", "Cibler les clients VIP de mon CRM". Le Lab génèrera automatiquement la condition correspondante.
Cliquez sur Continue to Configure pour passer à la dernière étape.
Étape 4 — Configure & Launch
Dernière étape avant le lancement. Vous pouvez ici uploader des captures d'écran de chaque version (Original et Challenger) pour faciliter la revue et la communication autour du test.
Pour chaque version (Original et chaque Challenger), vous pouvez uploader :
- Une capture Desktop (PNG ou JPG, jusqu'à 10 Mo)
- Une capture Mobile (PNG ou JPG, jusqu'à 10 Mo)
Ces captures s'afficheront ensuite dans le reporting pour vous aider à vous souvenir de ce qui a été testé, même après la fin du test.
Vous pouvez aussi utiliser les boutons QR et View disponibles sur chaque version pour :
- View — ouvrir la version dans un nouvel onglet et la voir en conditions réelles
- QR — générer un QR code à scanner avec votre smartphone pour tester le rendu mobile directement sur votre téléphone
Astuce : Utilisez toujours le QR code pour valider le rendu mobile avant de lancer — ce que vous voyez dans l'éditeur desktop peut différer légèrement de l'affichage réel sur smartphone.
Une fois tout validé, cliquez sur Save as CRO Validation pour soumettre l'optimisation. Elle passera alors en statut Ready to launch, prête à être mise en ligne.
Lancer une optimisation depuis le Lab
Dans l'onglet Ready to launch, chaque optimisation affiche deux actions :
Launch
Met l'optimisation en ligne immédiatement. Elle passe dans l'onglet Active avec le statut Testing (A/B test) ou Live (Live Change).
Revise
Renvoie l'optimisation en brouillon pour modification. Utilisez cette option si vous avez repéré une erreur après la création.
Une fois lancée, une optimisation est immédiatement visible par vos visiteurs. Assurez-vous d'avoir bien testé via QR code avant de cliquer sur Launch.
Bonnes pratiques dans le Lab
Nommer ses optimisations
Un bon nommage permet de gérer efficacement son backlog, de retrouver facilement les tests passés dans l'historique, et de communiquer clairement avec votre équipe et votre CRO Manager.
Bon : FP - CTA - Couleur rouge vs bleu - Mobile
Mauvais : Test bouton ou Optimisation #3
Utiliser "Save as draft" régulièrement
Vous pouvez sauvegarder votre travail en brouillon à n'importe quelle étape du wizard. L'optimisation apparaît alors dans l'onglet Draft et vous pouvez la reprendre plus tard sans perdre votre travail.
Tester avant de lancer
Systématiquement : cliquez sur View pour valider le Desktop, scannez le QR code pour valider le Mobile. Ne lancez jamais sans avoir vérifié les deux.
Choisir le bon Goal dès le départ
Le Goal ne peut pas être modifié une fois le test lancé. Prenez le temps de bien le définir à l'étape 3 — c'est lui qui déterminera si votre test est déclaré Winner ou Challenged.
Optimizations Reporting
Le Reporting est votre tableau de bord décisionnel. Pour chaque test actif, vous mesurez en temps réel l'impact sur vos KPIs business.
Structure du tableau
Chaque ligne représente une expérimentation avec ses variantes (Challengers). Pour chaque Challenger, 3 métriques clés sont affichées avec leur niveau de confidence :
| Colonne | Ce qu'elle mesure | Comment la lire |
|---|---|---|
| CR Uplift | Variation du taux de conversion vs l'Original | Positif = le Challenger convertit mieux. Le % à droite est le niveau de confidence. |
| SR Uplift | Variation du taux de succès (micro-conversions) | Signal d'engagement — à lire en complément du CR Uplift |
| RPS Uplift | Variation du revenu par session | L'indicateur prioritaire. Positif = le Challenger génère plus de CA par visiteur |
Lire un résultat — exemple Lignea
| Test | Challenger | Lecture |
|---|---|---|
| [UX] Couleurs CTA | Challenger B : CTA bleu lagon | CR +3,59% (87% confidence), SR +3,33% (97%) → signal fort, à surveiller jusqu'à 90%+ en confidence |
| [UX] Position loupe | Loupe à droite | CR +3,16% (96%), SR +2,79% (98%), RPS +0,68% (94%) → candidat Winner solide |
| [Social Proof] Trustpilot | Avis au dessus du prix | CR -1,32% (25%) → trop peu de confidence pour décider. Test à continuer. |
Le filtre Device
En haut du tableau, un filtre All Devices / Desktop / Mobile permet de segmenter les résultats par appareil. C'est le premier réflexe quand un résultat est ambigu — un test peut être Winner sur Desktop et Challenged sur Mobile.
Règle de décision : Ne déclarez un test Winner ou Challenged que lorsque la confidence atteint 90% ou plus, après au minimum 14 jours. En dessous, la variation est statistiquement non significative.
Le filtre Confidence et les couleurs
- Fond vert sur un uplift = résultat positif avec forte confidence → signal Winner
- Valeur négative = le Challenger performe moins bien que l'Original sur ce KPI
- Confidence faible (<70%) = résultat non exploitable, continuer le test
Reporting Always On
Dédié au pilotage des optimisations déployées en permanence — personnalisations actives, Live Changes, correctifs. Contrairement au Reporting qui suit des tests A/B avec une durée définie, le Reporting Always On surveille des campagnes sans date de fin.
Structure du tableau
| Colonne | Ce qu'elle indique |
|---|---|
| Page | La page sur laquelle l'optimisation est déployée |
| Parameter Name | Le nom de l'optimisation Always On active |
| Visitors | Nombre de visiteurs exposés à l'optimisation |
| Conversions | Nombre de conversions générées sur la période |
| CR | Taux de conversion des visiteurs exposés |
Exemple Volcom : L'optimisation "Always On - Slider Catégories" déployée sur la page Collection a exposé 45 625 visiteurs, généré 1 055 conversions pour un CR de 2,31% — c'est la performance de référence de cette personnalisation permanente.
À quoi sert ce reporting ?
- Vérifier que le ciblage touche bien le volume d'audience attendu
- S'assurer que l'optimisation continue de performer sur la durée (pas de dégradation)
- Détecter si une personnalisation permanente doit être mise à jour (ex : bannière saisonnière obsolète)
- Justifier le maintien ou l'arrêt d'une campagne Always On
Bon réflexe : Si le CR d'une campagne Always On chute significativement d'un mois sur l'autre sans changement de trafic, c'est souvent le signe que le contenu ou le message est devenu moins pertinent. À mettre à jour via le Lab.
Experimentation History
La mémoire stratégique de votre démarche CRO. Elle centralise l'ensemble des optimisations menées et transforme chaque test en apprentissage exploitable.
Les colonnes de l'historique
| Colonne | Ce qu'elle indique |
|---|---|
| Experimentation | Nom du test, page ciblée, date de fin et durée |
| Challenger | Nom de la variante gagnante (avec icône loupe pour prévisualiser) |
| Results | Statut final : Winner ou Implemented |
| Sessions | Volume de trafic exposé pendant le test |
| Incr. Conv. | Conversions incrémentales générées par la variante vs l'Original |
| Incr. Succ. | Succès incrémentaux (micro-conversions) |
| Incr. Rev. | Revenu incrémental en € directement attribuable à l'optimisation |
Exemple Lignea — tests Winners
| Test | Challenger | Résultat |
|---|---|---|
| [UX] Wording Description Homepage — 20 jours | Essentiels | Winner — 233 conversions incrémentales, +21 881€ de CA additionnel sur 67 802 sessions |
| [UX] Couleur section Best Seller Homepage — 16 jours | Section Best Seller en bleu | Winner — 78 conversions incrémentales, +11 131€ de CA additionnel sur 22 125 sessions |
Les filtres disponibles
L'historique est filtrable par statut (Winner, Implemented, Challenged, Stopped…) et par période (Start date → End date). La pagination affiche 10 résultats par page.
Avant de lancer une nouvelle hypothèse, consultez l'historique pour vérifier si une idée similaire a déjà été testée. Un test Challenged évite la redondance — un test Winner peut inspirer de nouvelles optimisations sur d'autres pages.
Détail des résultats d'un test
En cliquant sur une optimisation dans l'historique (ou depuis l'onglet Archived du Lab), une modale s'ouvre avec le détail complet du test :
Ce que contient la modale
- Métadonnées — Created by, Started at, Ended at, Number of days
- Description & Success Description — l'hypothèse et l'objectif du test
- Preview Desktop / Mobile — aperçu visuel de chaque version côte à côte
- Version Reporting — tableau comparatif de toutes les variantes avec les métriques complètes
Le tableau Version Reporting
| Colonne | Ce qu'elle mesure |
|---|---|
| Session | Volume de trafic exposé à chaque version |
| Conversion Rate | Taux de conversion absolu de chaque version |
| Success Rate | Taux de micro-conversions (Success) |
| RPS Uplift | Gain de revenu par session vs l'Original + confidence |
| CR Uplift | Gain de conversion rate vs l'Original + confidence |
| SR Uplift | Gain de success rate vs l'Original + confidence |
| Revenue per Session | Revenu moyen généré par session pour chaque version |
| Incremental Conversion | Nombre de conversions supplémentaires attribuables à la variante |
Exemple : Le test "Smart Products" (Homepage, 40 jours) — la variante "With Smart Product" affiche CR 1,53% vs 1,48% pour l'Original, RPS Uplift +3,08% (86% confidence), CR Uplift +3,21% (87%), Revenue/Session €0,92 vs €0,89. 169 conversions incrémentales générées.
Les filtres Sources, Sessions et Devices disponibles dans la modale permettent de segmenter les résultats pour analyser la performance par device ou source de trafic.
Performances Overview
Le tableau de bord exécutif de Webyn. Il répond à une question simple : quelle valeur business Webyn a-t-il créé sur la période ?
Les 2 indicateurs principaux
Incremental Conversions
Nombre de conversions supplémentaires générées par Webyn par rapport au site sans optimisations. Accompagné du % d'uplift global et du taux de conversion actuel.
Incremental Revenue
Chiffre d'affaires additionnel directement attribuable aux optimisations Webyn. Accompagné du Revenue/Session (RPS) moyen.
Exemple Lignea (8 juin → 8 juillet 2026) : +398 conversions incrémentales (+4,85% with Webyn) et +47 282€ de CA additionnel (+6,88% with Webyn). Taux de conversion global : 1,36%. Revenue/Session : 1,14€.
Les graphiques "With vs Without Webyn"
Deux courbes évoluent en parallèle semaine après semaine :
- Courbe bleue — "With Webyn" : performance réelle du site avec les optimisations actives
- Courbe grise pointillée — "Without Webyn" : projection de ce qu'auraient été les performances sans les optimisations (baseline calculée par Webyn)
L'écart entre les deux courbes représente la valeur nette créée. L'objectif est de maintenir cet écart positif et croissant dans le temps.
Performance Details by Optimization
Le tableau en bas liste chaque optimisation contribuant aux résultats sur la période, avec :
| Colonne | Ce qu'elle indique |
|---|---|
| Name | Nom de l'optimisation |
| Status | Statut final (WINNER, IMPLEMENTED…) |
| End Date | Date de fin du test |
| Conversions | Conversions incrémentales générées |
| Revenue | CA additionnel en € attribuable à cette optimisation |
La ligne GRAND TOTAL consolide l'ensemble des contributions sur la période.
Ce tableau est votre outil de ROI : il vous permet de justifier et de communiquer la valeur concrète de votre stratégie CRO en interne, avec des chiffres business réels.
Multi-Entry Funnel
Le Multi-Entry Funnel analyse la performance du tunnel de conversion en fonction du point d'entrée réel des visiteurs. Il prend en compte la réalité du trafic moderne : SEO, SEA, email, social.
Question clé : "Est-ce que tous mes visiteurs performent de la même façon selon la page par laquelle ils arrivent ?"
Comment lire le Multi-Entry Funnel
Le Multi-Entry Funnel affiche un graphique en barres empilées. Chaque barre correspond à une étape du tunnel, et chaque couleur à un point d'entrée différent (Homepage, Produit Liste, Page Produit, Page Panier, Commande…).
La hauteur de chaque barre représente le nombre total de sessions ayant atteint cette étape, et la décomposition par couleur montre d'où venaient ces visiteurs au départ.
Lecture de l'exemple Lignea : La barre "Page Produit" est la plus haute (~325 000 sessions) — c'est la page qui reçoit le plus de trafic entrant, notamment via SEO direct sur des fiches produit. La barre "Conversion" est quasi invisible — très peu de visiteurs entrant par n'importe quel point arrivent jusqu'à l'achat.
Pourquoi c'est essentiel
1. Identifier les points d'entrée qui convertissent le moins
Deux visiteurs peuvent suivre le même tunnel avec des taux de conversion très différents selon leur page d'entrée. Le Multi-Entry Funnel le rend visible immédiatement.
2. Prioriser les optimisations par impact réel
Un point d'entrée à fort volume mais faible conversion est souvent le levier CRO le plus rentable — même si le funnel global semble "correct".
3. Partage de configuration avec le Funnel standard
Le Multi-Entry Funnel utilise la même configuration que le Funnel standard. Modifier les étapes dans le Funnel Configurator met à jour les deux vues simultanément.
Bon réflexe : Si la barre d'une étape intermédiaire est anormalement haute par rapport à la suivante, c'est là que se situe la friction principale. Croisez avec le Device pour voir si le problème est Mobile ou Desktop.
Actions fréquentes issues du Multi-Entry Funnel
- Identifier quelle page d'entrée génère le plus d'abandons et y cibler une optimisation
- Adapter le message d'une landing selon la source (SEO vs SEA vs Email)
- Simplifier l'accès à l'achat depuis une fiche produit en mobile
- Personnaliser une offre ou une réassurance selon le point d'entrée détecté
Pages Performances
Le module Page Performance permet d'analyser la performance page par page, en croisant volume, conversion et comportement utilisateur. C'est un outil clé pour alimenter le backlog CRO de manière factuelle.
Question clé : "Quelles pages méritent d'être optimisées en priorité… et pourquoi ?"
Structure de la page
Le module Weekly Page Performance se compose de 3 blocs :
1. Top 5 — Best Conversion Rate
Les 5 pages ayant le meilleur taux de conversion sur la période. Ce sont vos pages modèles — analysez leur structure, leur hiérarchie et leur promesse pour en tirer des hypothèses applicables ailleurs.
Exemple Lignea : La page /collections/diffuser affiche 4,35% de CR — la meilleure du site. Pourquoi ? Audience très qualifiée, intention d'achat claire, peu de distraction. À analyser pour répliquer sur d'autres collections.
2. Top 5 — Highest Exit Rate
Les 5 pages où les visiteurs quittent le plus souvent le site. Un taux de sortie élevé n'est pas toujours un problème — il faut le contextualiser.
Exemple Lignea : /collections/bath affiche 98,68% d'exit rate avec seulement 1 conversion sur 984 sessions. C'est un signal fort : la page reçoit du trafic mais ne convertit pas et ne retient pas. Priorité CRO élevée.
3. Page Details — le tableau complet
Tableau détaillé de toutes vos pages avec 5 métriques clés. Triable par colonne (↕), recherchable par URL, paginé par 10/20/50 lignes. Un bouton de téléchargement (↓) permet d'exporter les données.
| Colonne | Libellé exact | Ce qu'elle mesure | Signal d'alerte |
|---|---|---|---|
| Sessions | SESSIONS | Volume de trafic — évalue l'impact potentiel d'une optimisation | Fort volume = priorité CRO haute |
| Conversions | CONVERSIONS | Nombre de conversions générées depuis cette page | Faible alors que trafic fort |
| Taux de conversion | CONV. RATE | % de sessions ayant abouti à une conversion | Faible vs moyenne du site |
| Taux de sortie | EXIT RATE | % de sessions qui quittent le site depuis cette page | Fort sur une page stratégique |
| Scroll rate | SCROLL RATE | % de la page que les visiteurs scrollent en moyenne | Faible = éléments clés peu vus, remonter les CTA |
Lire les données — exemples concrets
| Page | Lecture | Action CRO |
|---|---|---|
/cart | 2 410 sessions, CR 22,12%, Scroll 62% — bonne page mais scroll incomplet | Vérifier si des éléments de réassurance sont sous le fold |
/collections/bath | 984 sessions, CR 0,10%, Exit 98,68% — trafic sans conversion ni rétention | Priorité absolue : analyser Heatmap et Scrollmap sur cette page |
/checkout | 934 sessions, CR 58,99%, Scroll 89% — très bonne performance | Page à préserver — ne pas modifier sans A/B test préalable |
/collections/sales | 2 349 sessions, CR 1,92% — fort trafic mais conversion faible | Fort potentiel CRO — tester le wording et la mise en avant produits |
4 combinaisons à surveiller
Fort trafic + faible CR
Potentiel CRO maximal. Clarifier la proposition de valeur, revoir la hiérarchie, améliorer la visibilité des CTA.
Fort trafic + fort exit rate
Friction ou mauvaise orientation. Réduire les distractions, guider vers l'étape suivante du funnel.
Bon scroll + faible CR
Contenu vu mais pas convaincant. Tester le wording, ajouter de la réassurance, renforcer le CTA.
Faible scroll rate
Problème de placement. Remonter les éléments clés au-dessus du fold. Créer un ancrage visuel plus fort.
Bon réflexe : Triez le tableau par Exit Rate décroissant pour identifier les pages les plus problématiques, puis croisez avec le volume Sessions pour prioriser celles qui ont le plus d'impact potentiel.
A/B Tests
Comparer deux versions d'un même élément pour mesurer laquelle performe le mieux sur un KPI business.
Comment fonctionne un A/B test Webyn ?
- Comparaison de deux versions d'un même élément (Original vs Variante)
- Partage 50/50 du trafic sur une même période
- Mesure de l'impact sur le KPI business défini (CR, RPS, conversions)
Ce qui est possible de tester
Tout ce qui touche au front du site, notamment :
Design, wording et CTA
Textes, couleurs, mise en page, libellés des boutons.
Hiérarchie des éléments
Ordre, taille et placement des blocs.
E-merchandising
Ordre des produits, mise en avant, promotions.
Navigation
Arborescence, menus, accès aux catégories.
Nouvelles fonctionnalités
Tester des features avant déploiement définitif.
Frais de port
Seuils, messages, affichage dans le tunnel.
Comment lancer un A/B test ?
Via l'Optimization Lab
Créez votre test en autonomie depuis le Lab — choisissez A/B Test, définissez votre variante avec le Design Assistant, configurez le ciblage et lancez. Voir le guide complet →
Via les équipes Webyn
Pour des tests complexes ou structurants, votre CRO Manager prend en charge l'implémentation et le lancement. L'optimisation apparaît alors dans votre Lab en statut Building.
Personnalisation
Une personnalisation Webyn est une expérience web dynamique qui adapte le contenu en temps réel, selon le profil et le comportement de chaque visiteur.
Principe clé : Une personnalisation Webyn croise deux types de données — les données chaudes (comportement en session) et les données froides (historique CRM) — pour déclencher la bonne expérience, au bon moment, pour la bonne personne.
🔥 Données chaudes — ce qui se passe maintenant
Collectées en temps réel pendant la session de navigation. Elles reflètent l'intention immédiate du visiteur.
| Signal | Description | Exemple d'usage |
|---|---|---|
| Pages vues | Quelles pages a consulté le visiteur | Bannière promo si 3 fiches produit vues sans achat |
| Source de trafic | D'où vient le visiteur (SEO, SEA, email…) | Personnaliser le hero pour les arrivants Google Ads |
| Scroll depth | Jusqu'où le visiteur a scrollé | CTA sticky après 70% de scroll |
| Clics | Sur quels éléments le visiteur a cliqué | Proposer un guide si FAQ cliquée plusieurs fois |
| Temps sur la page | Durée de consultation | Pop-in après 45 secondes de lecture |
| Nombre de sessions | Combien de fois le visiteur est revenu | Adapter le message récurrents vs. nouveaux |
| Device & OS | Mobile, desktop, tablette, iOS, Android | Bandeau "Appli dispo" uniquement sur mobile |
| URL / UTM | Paramètres dans l'URL de la page | Reprendre le wording d'une pub dans la page |
| Géolocalisation | Pays, région, ville du visiteur | Afficher les points de retrait proches |
🧊 Données froides — ce que vous savez déjà
Issues de systèmes externes (CRM, CDP, e-commerce). Injectées dans Webyn via une intégration ou un dataLayer.
| Signal | Description | Exemple d'usage |
|---|---|---|
| Segment CRM | VIP, churné, prospect chaud | Offre de réactivation clients perdus depuis 6 mois |
| Nom / Prénom | Identité du visiteur connecté | "Bonjour Marie, vos nouveautés vous attendent" |
| Commandes passées | Nombre, montant moyen, dernière commande | Accès VIP après la 3e commande |
| Statut fidélité | Bronze, Gold, Platinum | Adapter le bandeau header au statut |
| Email / Opt-in | Abonné newsletter ou non | Masquer le pop-in d'inscription pour les abonnés |
| RFM | Score Récence-Fréquence-Montant | Offres premium aux clients à fort LTV |
Comment lancer une personnalisation ?
Via l'Advanced Condition dans le Lab
Dans l'étape Targeting de l'Optimization Lab, le champ Advanced Condition permet de déclencher une optimisation selon des conditions précises — segment CRM, scroll depth, temps passé, données du dataLayer. Voir la documentation →
Via les équipes Webyn
Pour les personnalisations complexes (croisement de plusieurs segments, injection de données CRM, logique conditionnelle avancée), votre CRO Manager configure et déploie la personnalisation. Elle apparaît dans votre Lab en statut Building puis Active.
Bientôt disponible : La description des conditions de personnalisation en langage naturel directement dans le Lab — "Afficher uniquement aux clients VIP", "Déclencher après 30 secondes", "Cibler les visiteurs venant de ma newsletter".
Intégration Shopify
Webyn propose une intégration native avec Shopify permettant de récupérer les conversions et leurs montants via une application Shopify dédiée.
Ce que l'intégration permet
- Récupération automatique des événements de conversion Shopify
- Remontée des montants de commande pour le calcul du RPS
- Correspondance automatique entre les sessions Webyn et les transactions Shopify
Pour les autres plateformes e-commerce ou CMS (PrestaShop, WordPress, Magento…), l'intégration se fait via le dataLayer ou l'implémentation d'événements custom. Contactez votre CRO Manager pour la configuration.
Autres CMS & plateformes
Webyn fonctionne sur toutes les plateformes front-end via l'injection du tag script. La configuration des événements de conversion varie selon le CMS :
| Plateforme | Méthode d'intégration |
|---|---|
| Shopify | App Webyn native — conversions et montants automatiques |
| PrestaShop | Tag script + configuration événements via dataLayer |
| WordPress / WooCommerce | Tag script + configuration événements via dataLayer |
| Magento | Tag script + configuration événements custom |
| Autre | Tag script + événements custom selon contexte |
Bonnes pratiques CRO
Un cadre clair pour maximiser l'impact de vos optimisations et éviter les erreurs les plus fréquentes.
✅ Les 5 bonnes pratiques fondamentales
1. Définir un KPI business principal avant chaque test
Privilégiez un KPI business (Revenu par session, taux de conversion). Les micro-conversions servent à analyser le comportement, pas à décider. Dans Webyn, le statut Winner/Challenged est calculé en priorité sur les métriques business.
2. Laisser les tests collecter suffisamment de données
Évitez toute décision sur les premiers jours. Attendez une tendance stable ou un niveau de confiance suffisant.
Règle simple : Un test dont la fiabilité n'approche pas 90% ne doit pas être interprété. Minimum 14 jours, toujours.
3. Tester une seule hypothèse à la fois
Une variante = une idée testée. Plus un test est simple, plus l'apprentissage est exploitable et reproductible.
4. Segmenter systématiquement les résultats
Comparez Mobile vs Desktop. Analysez par source de trafic et type de visiteur. Une performance globale positive peut masquer une contre-performance sur un segment clé.
5. Partir de la donnée comportementale
Priorisez les Insights IA et les analyses comportementales (Funnel, Scroll Map, Heatmap) avant de créer une optimisation. Les meilleures hypothèses viennent de la donnée, pas de l'intuition.
❌ Erreurs classiques à éviter
| Erreur | Conséquence |
|---|---|
| Arrêter un test trop tôt | Décisions basées sur du bruit statistique |
| Optimiser uniquement des micro-conversions | Amélioration apparente sans impact CA réel |
| Modifier trop d'éléments dans une variante | Impossible de savoir ce qui a généré la performance |
| Analyser uniquement le résultat global | Déployer une optimisation négative pour un segment clé |
| Tester par intuition ou mimétisme | Baisse du taux de tests gagnants |
| Lancer sur un trafic insuffisant | Variations instables et inexploitables |
🧠 Les leviers CRO les plus impactants par type de page
Ces leviers sont issus de l'analyse de centaines de tests. Ils ne remplacent pas votre propre analyse, mais constituent un bon point de départ pour alimenter votre backlog.
Homepage
- Clarté de la proposition de valeur au-dessus du fold
- Réduction du nombre de CTA concurrents
- Preuve sociale visible (avis, clients, chiffres clés)
- Hiérarchie visuelle vers la catégorie ou le produit phare
Page catégorie
- Filtres et tri accessibles et lisibles (surtout sur mobile)
- Mise en avant des bestsellers ou des produits à fort taux de conversion
- Affichage du prix, des avis et de la disponibilité sur la vignette produit
- Réduction du nombre de clics avant la fiche produit
Fiche produit
- Visibilité du CTA "Ajouter au panier" sans scroller (surtout mobile)
- Réassurance immédiate : livraison, retours, garantie
- Avis clients accessibles rapidement
- Clarté des options produit (taille, couleur) et aide à la décision
Panier / Checkout
- Rappel de la proposition de valeur (livraison, sécurité, retours)
- Réduction des distractions (navigation, promotions parasites)
- Simplification du formulaire (moins de champs, auto-remplissage)
- Indicateur de progression clair dans le tunnel
Landing page (SEA/Email)
- Cohérence message pub → contenu de la page (ad scent)
- Un seul CTA, une seule action attendue
- Absence de navigation principale (éviter la fuite)
- Preuve sociale contextualisée au segment cible
📐 Cadre de priorisation PIE
Avant de lancer un test, notez chaque idée sur 3 critères de 1 à 5 :
| Critère | Question à se poser |
|---|---|
| P — Potential | Quel est le potentiel business de cette page ? (volume de trafic × valeur de conversion) |
| I — Importance | Quelle est la gravité de la friction identifiée ? Est-ce un point de blocage majeur ? |
| E — Ease | Quelle est la facilité de mise en œuvre via Webyn ? (1 = développement lourd, 5 = éditeur visuel) |
Un score PIE élevé sur Ease est souvent sous-estimé. Une optimisation simple à mettre en place et à un fort volume peut avoir plus d'impact ROI qu'une refonte complexe, car vous pouvez enchaîner 5 tests rapides pendant qu'un développement se fait.
🔄 La règle des 3 lectures d'un résultat
Avant toute décision sur un test, lisez toujours les résultats à 3 niveaux :
Global
Quel est le RPS Uplift global ? La Confidence est-elle ≥ 90% ? Le volume de trafic est-il suffisant ?
Par device
Mobile et Desktop donnent-ils le même signal ? Un test peut être Winner sur Desktop et Challenged sur Mobile — ne jamais déployer sans vérifier.
Par source
Les visiteurs SEO réagissent-ils différemment des visiteurs SEA ? Un segment peut biaiser le résultat global.
Foire aux questions
Retrouvez les réponses aux questions les plus fréquentes. Utilisez la recherche ou naviguez par thème.
<head>. Côté Shopify, un connecteur natif simplifie encore l'installation. Voir le guide d'installation →window.scrollY > 300, données du dataLayer, segments CRM). Pour des conditions complexes, votre CRO Manager configure et déploie la personnalisation. Voir la documentation →