Plateforme · Expérimentation

Trois types de tests, un éditeur à l’IA intégrée

Tests visuels multi-variantes, redirections d’URL et tests côté serveur, lancés directement depuis une extension Chrome sur votre site en ligne. Décrivez une modification à l’éditeur IA, ou pointez un élément et modifiez-le vous-même, puis enregistrez la variante.

Comment un test se déroule

D’une hypothèse à une modification livrée

Qui voit le test, ce qu’il faut lancer ensuite, et ce que les développeurs reçoivent une fois que vous avez terminé.

  • Un éditeur IA qui crée les modifications à partir d’une simple description, édition sans code et composants prêts à l’emploi, ainsi que du CSS et du JS personnalisés
  • Ciblage par URL, appareil et cookie, avec affectation persistante pour que les visiteurs qui reviennent voient une expérience cohérente
  • Rendu anti-scintillement avec quatre sécurités indépendantes, pour que les visiteurs ne voient jamais la page originale apparaître avant le test
  • Chaque visiteur éligible entre dans chaque test éligible, si bien que faire tourner dix tests à la fois ne réduit en rien la taille d’échantillon
  • Déploiement du gagnant en un clic vers 100 % du trafic, et une transmission à l’implémentation pour coder les gagnants en dur
  • Suivi des hypothèses avec notation de priorisation PXL pour classer votre backlog
Multi-variantesRedirection d’URLCôté serveur
La bibliothèque de tests : cinq tests répartis sur les trois types, avec leur répartition du trafic et leur fenêtre de ciblage, un en cours, un en attente d’une décision et un déjà déployé.

Éditeur IA

Décrivez la modification et regardez-la prendre forme

Dites à l’éditeur ce que vous voulez, en termes simples, ou désignez un élément et formulez votre demande. L’IA lit la page, propose les modifications et en affiche l’aperçu sur votre site en production. Rien n’est enregistré tant que vous ne les avez pas appliquées.

L’éditeur IA à côté d’une landing page encombrée : la demande réclame un seul titre clair, un seul bouton principal et des offres faciles à comparer, l’IA propose cinq modifications et en affiche l’aperçu tandis que la page se redessine, épurée, puis les modifications sont appliquées et enregistrées.
  • Un mot ou toute une sectionCorrigez un titre ou refaites entièrement un hero, un menu ou une grille tarifaire en une seule demande. Chaque modification est listée à part : vous ne gardez que celles qui vous conviennent.
  • Du JavaScript seulement quand il le fautLa plupart des tests portent sur le texte, le style et le balisage, et c’est ce que l’IA écrit. Quand un test exige un comportement, par exemple un élément qui réagit à un clic ou au défilement, elle écrit aussi le code, qui doit alors être approuvé séparément.
  • L’IA lit la page pour vousL’IA travaille à partir d’un schéma de la page sur laquelle vous êtes : sa structure et ses textes. Vous décrivez le résultat voulu, elle trouve les éléments à modifier. Ni sélecteur ni développeur.
  • Un aperçu avant tout enregistrementLes modifications proposées s’affichent sur votre page en production, chacune avec sa case à cocher. Une fois appliquées, elles deviennent des modifications ordinaires de la variante, que vous pouvez annuler jusqu’à l’enregistrement.
  • Des tests solides, sans codeQuiconque sait décrire une meilleure page peut en créer la variante. L’IA répond dans la langue de votre demande et laisse les textes de la page dans leur langue d’origine.
  • Le coût, connu d’avanceChaque demande consomme des crédits IA, et le panneau en affiche une estimation avant que vous ne l’envoyiez. Les valeurs des formulaires et les données personnelles de la page sont masquées avant tout envoi.

Ciblage

Montrez-le exactement à qui vous le destinez

Trois dimensions, combinées par test : l’adresse, l’appareil, et un cookie que votre propre site pose déjà. L’affectation est persistante, si bien qu’un visiteur qui revient garde la variante qui lui a été attribuée.

  • Règles d’URL sur sept conditions, dont une regex et deux négatives
  • Ordinateur, mobile ou tablette, détecté avant que le visiteur n’entre dans le test
  • Ciblage par cookie pour le trafic connecté ou segmenté, comparé à une liste de valeurs
  • Affectation persistante, conservée dans le stockage du navigateur plutôt que dans un cookie
  • Forcez n’importe quelle variante par URL pour la vérifier, sans compte de test
Les règles de ciblage d’un test : les pages produit sur mobile, hors de la section outlet, pour les visiteurs dont le cookie de fidélité indique qu’ils sont membres, avec affectation persistante, admettant 61 % du trafic.

Livrer le gagnant

100 % en un clic, ou un passage de relais aux développeurs

Déployez la variante gagnante à tout le trafic depuis la page de résultats. Quand elle doit plutôt vivre dans la base de code, Pertento rédige la transmission avec la modification exacte.

  • Déploiement en un clic, avec la trace de qui l’a déployé
  • Transmission à l’implémentation avec le sélecteur et la modification
  • Revenez à l’original à tout moment
L’écran de déploiement : la variante B déployée à tout le trafic avec le nom de qui l’a déployée, un horodatage et un retour arrière possible, à côté de la transmission qui liste le sélecteur, le texte et la couleur à coder en dur.

Priorisation

Un backlog ordonné par score PXL, pas par opinion

Consignez chaque hypothèse, notez-la selon le modèle PXL, et laissez le classement décider de ce qui tourne ensuite. Les trois notes se combinent en un seul chiffre, car un backlog doit pouvoir s’ordonner, et trois chiffres, c’est une discussion.

  • Potentiel, exposition et niveau d’effort, chacun noté de un à cinq
  • Combinés en une seule note d’importance de zéro à dix, sur laquelle la liste se trie
  • Hypothèses liées au test qui les a vérifiées
  • Le brouillon le mieux noté remonte quand rien d’autre n’a besoin de vous
Le backlog d’hypothèses classé par score PXL, d’un ajout au panier fixe à 9,4 jusqu’à une vidéo hero à 3,2.

Implémentation

Transmettez le gagnant aux développeurs, avec la modification

Un gagnant peut rester servi par Pertento indéfiniment, mais la plupart des équipes finissent par vouloir l’intégrer à leur base de code. La file d’implémentation suit quels gagnants tournent encore sur la plateforme et lesquels ont été codés en dur.

  • Le sélecteur et la modification exacte, prêts à coller
  • Statut par gagnant : en attente, en cours, codé en dur
  • Le test continue d’être servi jusqu’à ce que le code soit livré
Le tableau de bord d’implémentation : cinq gagnants avec leur statut, et la transmission de l’un d’eux donnant le sélecteur, la modification, si Pertento le sert encore, et le ticket.

Pipelines

Décidez de l’ordre, puis arrêtez de planifier à la main

Un pipeline est un enchaînement ordonné d’étapes, et une étape est un groupe de tests qui tournent ensemble. Les tests qui entreraient en collision vont dans des étapes différentes, et chaque étape tourne à plein trafic à son tour, soit l’inverse de les rendre mutuellement exclusifs en divisant l’audience.

  • Les étapes s’arment dans l’ordre, si bien que rien ne dépend de la mémoire de quelqu’un
  • Passage à l’étape suivante quand chaque test a conclu, au premier résultat significatif, ou sur décision d’une personne
  • Une étape s’arme tout ou rien, si bien qu’une étape à moitié démarrée ne reste jamais en cours
  • L’automatisation et le déploiement automatique sont des interrupteurs distincts, tous deux désactivés jusqu’à ce que vous les activiez
  • Automatisation désactivée, le moteur consigne tout de même ce qu’il aurait fait, avec le même code
Un tableau de pipeline à quatre étapes : l’étape du paiement terminée, deux tests de page produit qui tournent ensemble à l’étape en cours, et deux étapes suivantes en attente, avec l’automatisation activée et le déploiement automatique désactivé.

Éditeur visuel

Pointez un élément, modifiez-le ou déposez une section entière

L’éditeur s’ouvre dans le panneau latéral de Chrome, sur votre site en ligne. Mettez en forme n’importe quel élément dans l’inspecteur, modifiez le texte là où il se trouve, ou glissez-y un composant prêt à l’emploi qui reprend les polices et les couleurs de votre site. Chaque modification est enregistrée sur la variante : aucun déploiement, aucun ticket, aucune copie de préproduction de la page.

ComposantsContenu dynamiqueFlux de donnéesÉtats hover et focusTexte sur placeCSS/JS personnalisés
L’éditeur visuel sur une page produit : le bloc Trust row est glissé depuis l’onglet Add et déposé sous le bouton d’ajout au panier, sa ligne de note est liée à la note et au nombre d’avis du produit de la page, et la variante est enregistrée.

Construire le test

Ce qui rend un second test moins coûteux que le premier

L’essentiel du temps d’un programme ne va pas au premier test. Il va à reconstruire une configuration, à vérifier une variante avant sa mise en ligne, et à tenir un registre que quelqu’un pourra lire l’année prochaine.

Une bibliothèque de composants à l’image de votre site

Blocs hero, FAQ, lignes de réassurance, barres fixes, pop-ups, colonnes, vidéo et carrousels, ajoutés d’un clic ou par glisser-déposer. Chacun reprend les polices et les couleurs de votre site là où il est déposé, si bien qu’un test peut ajouter une section plutôt que seulement changer la couleur d’un bouton.

Construisez une fois, chaque page affiche ses propres données

Insérez dans une modification la campagne du visiteur, un compte à rebours, le titre de la page ou, sur une boutique, le nom et le prix du produit. Une seule bannière accueille chaque campagne avec son propre message, et une donnée manquante la masque plutôt que d’afficher un texte de substitution.

Des flux de données issus de vos propres systèmes

Connectez un flux JSON ou Google Merchant que le site publie déjà, par exemple des avis, des stocks ou des textes de campagne, et utilisez ses champs dans n’importe quelle variante. Les serveurs de Pertento le récupèrent à intervalles réguliers, si bien que les visiteurs n’attendent jamais votre serveur, et seuls les champs que vous cochez sont affichés.

Cinq emplacements HTML

Remplacer un élément, insérer à l’intérieur au début ou à la fin, ou placer du balisage avant ou après lui. Les modifications de structure restent descriptibles en une ligne, et c’est ce qui les rend vérifiables plus tard.

CSS et JavaScript personnalisés

Par variante, pour tout ce que l’inspecteur ne sait pas exprimer. Le code est embarqué dans le bundle construit pour votre site et s’exécute avant que la page ne soit révélée, si bien qu’une modification par script ne se traduit jamais par un saut visuel.

Captures des variantes

Capturez et recadrez l’aspect qu’avait la variante, depuis l’éditeur. Sans capture, un résultat relu six mois plus tard n’est qu’une liste de sélecteurs.

Dupliquer un test

Copie les variantes, chacune de leurs modifications, les captures et les trois types de ciblage. Reconstruire une mise en place à la main, c’est là que la mauvaise règle de ciblage part en production.

Des répétitions avant le lancement

Répétez toute la chaîne sur le runtime réel, sous forme de test marqué comme tel, puis supprimez-le. Rien de ce qu’une répétition a collecté n’aura jamais à être justifié dans un rapport.

Forcer une variante par URL

Ajoutez un paramètre à n’importe quelle adresse pour vous fixer sur une variante précise, ou pour voir une seule variante, tout le reste restant à l’original. Relire à l’œil ne demande aucun compte de test.

Pendant qu’il tourne

Ce que le runtime fait sur les pages de vos visiteurs

Tout ce qui suit se décide dans le navigateur, à partir d’un fichier compilé pour votre seul site. Il n’y a aucun appel à Pertento avant que la page s’affiche, et rien n’attend une réponse pour décider de ce qu’un visiteur voit.

La simultanéité ne vous coûte rien

Chaque visiteur éligible entre dans chaque test éligible, si bien que dix tests en ligne reçoivent chacun l’audience entière plutôt qu’un dixième. La raison pour laquelle la plupart des programmes ne lancent qu’un test à la fois ne s’applique pas ici.

Des poids qui tombent toujours juste

Les répartitions sont enregistrées en points de base sur dix mille et validées pour que leur somme soit exacte, si bien qu’un test à trois branches est vraiment fait de trois tiers égaux et non de trois arrondis et d’un reliquat.

Rééquilibrage automatique

La répartition réellement reçue par chaque variante est mesurée et corrigée à intervalles réguliers, si bien que l’allocation cumulée converge vers celle que vous avez configurée au lieu de s’en écarter.

Affectation persistante, sans cookies

Un visiteur conserve la variante qui lui a été attribuée, retenue dans le stockage du navigateur plutôt que dans un cookie. La cohérence est une exigence d’exactitude avant d’être une politesse.

Anti-scintillement à quatre sécurités

La page est masquée pendant l’application des modifications et révélée par quatre chemins de code indépendants. La défaillance que tout cela vise à empêcher, c’est le site d’un client resté blanc pour ses propres visiteurs.

Aucun aller-retour avant le rendu

La configuration de chaque site est compilée dans son propre fichier statique, si bien que le runtime sait déjà quoi exécuter au moment où il se charge. Rien n’attend un appel d’API pour décider de ce que voit le visiteur.

Questions

Ce que les équipes demandent avant de changer

Combien de temps avant d’avoir un test en ligne ?

Un script dans le head est toute l’installation, et c’est la seule modification apportée à votre site. Ensuite, une variante se construit en pointant des éléments sur vos pages en ligne, si bien que le premier test n’est limité que par le temps qu’il vous faut pour décider quoi tester, et non par quelque chose à acheter, à développer ou à planifier. Rien ne part en ligne par accident pendant que vous apprenez : un nouveau test reste un brouillon jusqu’à ce que vous le démarriez.

Est-ce que cela ralentira le site ou dégradera nos Core Web Vitals ?

Chaque site reçoit son propre fichier compilé, dans lequel ses tests sont intégrés, si bien que le runtime sait déjà quoi exécuter au chargement et que rien n’attend un appel à nos serveurs avant que la page ne s’affiche. Le chargeur présent dans votre page fait moins de 1 Ko, et les fonctionnalités plus lourdes, comme les données de page et les flux de données, ne se chargent que sur les sites dont les tests les utilisent. La page est brièvement retenue pendant l’application des modifications, ce qui empêche les visiteurs de voir l’original basculer vers le test ; elle est révélée par quatre chemins de code indépendants, de sorte qu’une défaillance montre la page non modifiée plutôt qu’une page blanche. Le suivi se charge en dernier, une fois la page visible, si bien que la mesure ne retarde jamais le rendu.

Que peut réellement modifier l’éditeur, et où s’arrête-t-il ?

Le texte, le style, la mise en page et la position s’éditent en pointant, états hover et focus compris, et des sections entières s’ajoutent depuis une bibliothèque de composants qui reprennent les polices et les couleurs de votre site. Une modification peut intégrer les données de la page, comme le prix de chaque produit, ou des valeurs issues d’un flux que vous publiez déjà, et un sélecteur peut l’appliquer à tous les éléments correspondants. Vous pouvez aussi décrire la modification en termes simples et laisser l’éditeur IA la proposer, avec un aperçu sur la page avant tout enregistrement. Au-delà, l’éditeur préfère s’arrêter franchement que mal faire : tout ce que l’inspecteur ne sait pas exprimer, vous l’écrivez en CSS ou en JavaScript personnalisés sur la variante, ce qui fait qu’un test n’est jamais bloqué par l’outil. La vraie limite, c’est une modification qui intervient avant que la page n’existe : un classement, une logique de prix, un modèle de recommandation. Ce sont des tests côté serveur, et ils passent par vos développeurs.

Combien de tests pouvons-nous mener en même temps ?

Autant que vous avez d’idées, et c’est la réponse qui vaut la comparaison avec ce que vous utilisez aujourd’hui. Chaque test est randomisé indépendamment, si bien qu’un visiteur éligible entre dans tous les tests auxquels il est éligible et que chacun mesure sur l’audience éligible entière. Ici, la simultanéité ne divise pas votre échantillon, et c’est pourquoi la plateforme vérifie si deux tests risquent d’interférer plutôt que de limiter le nombre de tests en cours. La cadence fait généralement la différence entre un programme qui se rentabilise et un programme qui ne se rentabilise pas.

Qu’advient-il du travail si nous cessons d’utiliser Pertento ?

Les gagnants que vous avez codés en dur se trouvent déjà dans votre propre base de code et ne sont pas affectés, et c’est précisément vers cela que la file d’implémentation est là pour vous pousser : elle liste chaque gagnant encore servi par nous et continue de le signaler jusqu’à ce que vos développeurs aient du temps. Les gagnants encore servis par la plateforme s’arrêtent quand elle s’arrête, comme s’arrête n’importe quelle variante. Les tests, les hypothèses et l’historique écrit restent dans le compte plutôt que dans un outil à nous.

Tout est inclus

L’ensemble complet des fonctionnalités

Pertento est une plateforme d’optimisation du taux de conversion pour les sites et les boutiques en ligne, conçue à la fois pour les équipes internes et pour les agences CRO qui mènent des programmes d’expérimentation sur tout un portefeuille de clients.

Intégrations

Fonctionne avec la stack que vous utilisez déjà

Un seul extrait s’insère dans n’importe quel site, ou passez entièrement côté serveur. Aucune refonte d’architecture.

Un extrait d’une ligne

Collez une seule balise dans le head et vous êtes en ligne : un chargeur de 0,9 Ko, aucune étape de build, aucune dépendance.

Google Tag Manager

Déployez et gérez les tests directement via GTM. Aucun temps de développement requis.

API côté serveur

Faites tourner des tests au-delà du navigateur : tarification, recherche et routage, sans scintillement.

  • Shopify
  • BigCommerce
  • Shopware
  • Centra
  • Geins
  • Saleor
  • WordPress
  • Optimizely CMS
  • Storyblok
  • Next.js
  • Vue
  • Astro
  • Matomo
  • Amplitude
  • RudderStack
  • Slack
  • WooCommerce
  • Salesforce
  • Wix
  • Litium
  • commercetools
  • Medusa
  • Drupal
  • Contentful
  • Webflow
  • Nuxt
  • Angular
  • Remix
  • Piwik PRO
  • Mixpanel
  • Tag Manager
  • Webhooks
  • Adobe Commerce
  • PrestaShop
  • Squarespace
  • Norce
  • Shopify Hydrogen
  • Vendure
  • Umbraco
  • Sanity
  • Framer
  • React
  • SvelteKit
  • GA4
  • Adobe Analytics
  • Segment
  • Klaviyo

Pas dans la liste ? Si ça produit du HTML, Pertento peut le tester :lisez comment chacune se connecte.

De meilleurs tests, de meilleures conversions

Test on all visitors with the world’s lightest script and make confident decisions powered by real-time reporting.