Plateforme · Expérimentation

Trois types de tests, un éditeur visuel

Tests multivariantes visuels, redirections d'URL et tests côté serveur, lancés directement depuis une extension Chrome sur votre site en ligne. Pointez un élément, modifiez-le, enregistrez la variante.

Comment un test se déroule

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

Qui la voit, ce qu'il faut lancer ensuite, et ce que l'ingénierie reçoit une fois que vous avez terminé.

  • Édition sans code du texte, du style, de la mise en page et de la position, plus du CSS et du JS personnalisés pour les utilisateurs avancé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 coûte aucune 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
MultivarianteRedirection 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é.

Ciblage

Montrez-la exactement à qui vous vouliez

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 soit intégré
  • 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

Un clic vers 100 %, ou une transmission à l'ingénierie

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 un enregistrement 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 résolvent 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
  • Résolus en une seule 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 à l'ingénierie, avec la modification

Un gagnant peut rester servi par Pertento indéfiniment, mais la plupart des équipes veulent finalement l'avoir dans 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 · bêta

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, l'inverse de les rendre mutuellement exclusifs et de diviser l'audience.

  • Les étapes s'arment dans l'ordre, si bien que rien ne dépend de la mémoire de quelqu'un
  • Avancez quand chaque test conclut, au premier résultat significatif, ou par 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 éteints jusqu'à ce que vous les activiez
  • Automatisation éteinte, 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-le, modifiez-le, enregistrez la variante

L’éditeur s’ouvre sur votre site en ligne depuis une extension Chrome. Sélectionnez un élément, modifiez son contenu et son style dans le panneau de propriétés, et la modification est enregistrée sur la variante. Aucun déploiement, aucun ticket, aucune copie de préproduction de la page.

TexteStyleMise en pagePositionCSS/JS personnalisé
PDP Mobile — Sticky CTA + selector /V-1Save
FREE DELIVERY OVER €504.7 ★★★★★  ·  27,726 reviewsFind a store
NORTHWINDHi, what are you looking for?Sign in
WOMENMENKIDSFOOTWEAREQUIPMENTHOMEHUNTINGNEWSSALE
Storefront hero · 1200×472
AUTUMN ARRIVALS ARE HERE
Shop the new seasonShop autumn arrivalsa.cta
Product
NEW
Art 4176Trail trouser, men€39
Product
NEW
Art 5038Fleece shirt, men€29
Product
COLOUR
Art 1520Bamboo tee, menFrom €10
Product
NEW
Art 4177Trail trouser, women€39
Properties
bodydivmaindivsectiona
a.cta
Typography
Text content
Shop autumn arrivals
Font family
sans-serif
Font size
13px
Text colour
#111827#c81e28
Text align
center
Spacing
Size
Background
Border
Position
Content
Changes3 changes

Un arbre hiérarchique et un champ de sélecteurpour les fois où pointer n’est pas assez précis, avec un fil d’Ariane qui montre exactement quel nœud est sélectionné.

Un interrupteur d’interactivitébascule entre sélectionner des éléments et utiliser la page, si bien que vous pouvez ouvrir un menu ou une fenêtre modale puis modifier ce qu’elle contient.

Un sélecteur d’appareilrecadre la zone de travail aux largeurs que votre trafic utilise. Une variante qui ne fonctionne qu’en largeur ordinateur n’est pas terminée.

Une liste des modificationsest la variante : un registre ordonné de tout ce qu’elle fait, chaque entrée supprimable séparément, et la même liste que la transmission relira ensuite.

Plus sur l’éditeur visuel · Comment l’extension l’ouvre

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.

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 le panneau de propriétés 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 lit jamais comme un sursaut.

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 contre 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 site seul. Il n'y a aucun appel à Pertento avant que la page s'affiche, et rien n'attend une réponse pour décider 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 totaliser exactement, 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 de justesse 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 contre laquelle tout cela est conçu, c’est le site d’un client laissé blanc devant 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é, ses tests intégrés dedans, si bien que le runtime sait déjà quoi exécuter au chargement et que rien n’attend un appel vers nous avant que la page ne s’affiche. La page est brièvement retenue pendant l’application des modifications, et c’est ce qui empêche les visiteurs de voir l’original apparaître avant le test ; elle est révélée par quatre chemins de code indépendants, si bien qu’une défaillance montre la page non modifiée plutôt qu’une page blanche. La mesure se charge en dernier, une fois la page visible, si bien qu’elle 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, et les modifications de structure sont couvertes par cinq emplacements HTML autour de l’élément que vous sélectionnez. Au-delà, il s’arrête honnêtement plutôt que mal : tout ce que le panneau 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 l’existence de la page : un classement, une logique de prix, un modèle de recommandation. Ce sont des tests côté serveur, et ils demandent 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 randomise indépendamment, si bien qu’un visiteur éligible entre dans tous les tests pour lesquels il se qualifie et que chacun mesure sur l’audience éligible entière. La simultanéité ne divise pas votre échantillon ici, et c’est pourquoi la plateforme vérifie si deux tests risquent d’interférer plutôt que de rationner combien peuvent tourner. La cadence fait généralement la différence entre un programme qui se paie lui-même et un programme qui ne se paie 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 existe pour vous pousser : elle liste chaque gagnant encore servi par nous et continue de le signaler jusqu’à ce que vos développeurs aient de la place. 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 outillage à nous.

Tout ce qu’il y a dans la boîte

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. Rien à réarchitecturer.

Un extrait d’une ligne

Collez une seule balise de 0,9 Ko dans votre head et vous êtes en ligne. 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 rend 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.