Platform · Experimenten

Drie experimenttypes, één visuele editor

Visuele multivariantentests, URL-omleidingen en serverside tests, gestart rechtstreeks vanuit een Chrome-extensie op uw live site. Wijs een element aan, wijzig het, sla de variant op.

Hoe een test verloopt

Van hypothese naar uitgeleverde wijziging

Wie het ziet, wat u hierna laat draaien, en wat engineering krijgt overgedragen wanneer u klaar bent.

  • Code-vrije bewerking van tekst, styling, layout en positie, plus eigen CSS en JS voor gevorderde gebruikers
  • Targeting op URL, apparaat en cookie, met vaste toewijzing zodat terugkerende bezoekers een consistente ervaring zien
  • Anti-flikkerrendering met vier onafhankelijke vangnetten, zodat bezoekers nooit de originele pagina naar de test zien overflitsen
  • Elke in aanmerking komende bezoeker komt in elk in aanmerking komend experiment terecht, zodat tien tegelijk lopende tests geen steekproefomvang kosten
  • Winnaar uitrollen naar 100% van het verkeer met één klik, en een implementatieoverdracht voor het hardcoderen van winnaars
  • Hypothesetracking met PXL-prioriteringsscore om uw backlog te ordenen
MultivariantURL-omleidingServerside
De experimentenbibliotheek: vijf experimenten over de drie types, met hun verkeersverdeling en targetingvenster, één draait, één wacht op een beslissing en één is al uitgerold.

Targeting

Toon het precies aan wie u voor ogen had

Drie dimensies, gecombineerd per experiment: het adres, het apparaat, en een cookie die uw eigen site al zet. De toewijzing is vast, zodat een terugkerende bezoeker de variant behoudt die hij kreeg.

  • URL-regels op zeven voorwaarden, inclusief regex en twee negatieve
  • Desktop, mobiel of tablet, gedetecteerd voordat de bezoeker wordt toegelaten
  • Cookie-targeting voor ingelogd of gesegmenteerd verkeer, vergeleken met een lijst waarden
  • Vaste toewijzing, bewaard in browseropslag in plaats van een cookie
  • Forceer elke variant via de URL om hem te bekijken, zonder testaccount
De targetingregels van een experiment: productpagina’s op mobiel, met uitzondering van de outletsectie, voor bezoekers die hun loyaliteitscookie als lid aanmerkt, met vaste toewijzing, en 61% van het verkeer wordt toegelaten.

De winnaar uitleveren

Eén klik naar 100%, of een overdracht aan engineering

Rol de winnende variant uit naar al het verkeer, rechtstreeks vanaf de resultatenpagina. Moet de wijziging in plaats daarvan in de codebase leven, dan schrijft Pertento de overdracht met de exacte wijziging.

  • Uitrollen met één klik, met een vastlegging van wie het deed
  • Implementatieoverdracht met de selector en de wijziging
  • Ga op elk moment terug naar het origineel
Het uitrolscherm: variant B uitgerold naar al het verkeer, met de naam van wie het deed, een tijdstempel en rollback beschikbaar, naast de overdracht die de selector, de tekst en de kleur opsomt om hard te coderen.

Prioritering

Een backlog geordend op PXL-score, niet op mening

Leg elke hypothese vast, beoordeel haar volgens het PXL-model, en laat de rangschikking beslissen wat hierna draait. De drie scores lossen op in één getal, want een backlog moet ordenbaar zijn en drie getallen is een discussie.

  • Potentieel, blootstelling en inspanning, elk beoordeeld van één tot vijf
  • Opgelost in één belang van nul tot tien, waarop de lijst sorteert
  • Hypotheses gekoppeld aan het experiment dat ze testte
  • Het best scorende concept komt boven drijven wanneer niets anders u nodig heeft
De hypothesebacklog geordend op PXL-score, van een meelopende toevoegen-aan-mandknop op 9,4 tot een hero-video op 3,2.

Implementatie

Draag de winnaar over aan engineering, met de wijziging

Een winnaar kan onbeperkt door Pertento worden geserveerd, maar de meeste teams willen hem uiteindelijk in de codebase hebben. De implementatiewachtrij houdt bij welke winnaars nog op het platform draaien en welke al zijn hardgecodeerd.

  • De selector en de exacte wijziging, klaar om te plakken
  • Status per winnaar: wachtend, in behandeling, hardgecodeerd
  • Het experiment blijft serveren totdat de code is uitgeleverd
Het implementatiedashboard: vijf winnaars met hun status, en de overdracht voor een van hen met de selector, de wijziging, of Pertento hem nog serveert, en het ticket.

Pipelines · beta

Bepaal de volgorde, en stop met handmatig plannen

Een pipeline is een geordende reeks fasen, en een fase is een groep experimenten die samen draaien. Experimenten die zouden botsen komen in verschillende fasen terecht, en elke fase draait op volle sterkte op volgorde, het tegenovergestelde van ze onderling uitsluitend maken en het publiek verdelen.

  • Fasen activeren zichzelf op volgorde, zodat niets afhangt van iemands geheugen
  • Ga verder wanneer elk experiment afsluit, bij het eerste significante resultaat, of door een persoon
  • Een fase activeert alles of niets, zodat een half gestarte fase nooit blijft draaien
  • Automatisering en automatisch uitrollen zijn aparte schakelaars, beide uit tot u ze aanzet
  • Met automatisering uit legt de engine nog steeds vast wat hij gedaan zou hebben, met dezelfde code
Een pipelinebord met vier fasen: de checkoutfase afgerond, twee experimenten op productpagina’s draaien samen in de huidige fase, en twee latere fasen wachten nog, met automatisering aan en automatisch uitrollen uit.

Visuele editor

Wijs het aan, wijzig het, sla de variant op

De editor opent uw live site vanuit een Chrome-extensie. Selecteer een element, bewerk de inhoud en de styling in het eigenschappenpaneel, en de wijziging wordt bij de variant opgeslagen. Geen deploy, geen ticket, geen stagingkopie van de pagina.

TekstStylingLayoutPositieEigen CSS/JS
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

Een hiërarchieboom en een selectorveldvoor de keren dat aanwijzen niet precies genoeg is, met een kruimelpad dat precies laat zien welke node is geselecteerd.

Een interactiviteitsschakelaarwisselt tussen elementen selecteren en de pagina gebruiken, zodat u een menu of een modal kunt openen en dan de inhoud daarvan bewerken.

Een apparaatkiezerkadert het canvas opnieuw op de breedtes die uw verkeer gebruikt. Een variant die alleen op desktopbreedte werkt, is niet klaar.

Een wijzigingenlijstis de variant: een geordende vastlegging van alles wat hij doet, elk item los te verwijderen, en dezelfde lijst die de overdracht later leest.

Meer over de visuele editor · Hoe de extensie hem opent

De test bouwen

Wat een tweede experiment goedkoper maakt dan het eerste

Het meeste waar een programma zijn tijd aan besteedt, is niet de eerste test. Het is een opzet opnieuw bouwen, een variant controleren voordat hij live gaat, en een verslag bijhouden dat iemand volgend jaar nog kan lezen.

Vijf HTML-plaatsingen

Vervang een element, voeg er aan weerszijden binnenin iets aan toe, of plaats markup ervoor of erna. Structurele wijzigingen blijven in één regel te beschrijven, en dat is wat ze later beoordeelbaar maakt.

Eigen CSS en JavaScript

Per variant, voor alles wat het eigenschappenpaneel niet kan uitdrukken. Het gaat mee in de bundel die voor uw website is gebouwd en draait voordat de pagina zichtbaar wordt, zodat een wijziging via script nooit als een sprong oogt.

Schermafbeeldingen van varianten

Leg vanuit de editor vast hoe de variant eruitzag en snijd het beeld bij. Een resultaat dat zes maanden later wordt gelezen, is zonder zo'n afbeelding een lijst met selectors.

Een experiment dupliceren

Kopieert de varianten, elke wijziging daarop, de schermafbeeldingen en alle drie soorten targeting. Een opzet met de hand nabouwen is precies waar de verkeerde targetingregel live gaat.

Proefdraaien vóór de start

Repeteer de hele keten tegen de echte runtime als een gemarkeerde test, en verwijder hem daarna. Niets wat een repetitie heeft verzameld, hoeft ooit in een rapport te worden weggepraat.

Een variant afdwingen via de URL

Voeg aan elk adres een parameter toe om uzelf aan een specifieke variant vast te zetten, of om één variant te zien terwijl al het andere op het origineel blijft staan. Beoordelen met het oog vraagt geen testaccount.

Terwijl hij draait

Wat de runtime doet op de pagina's van uw bezoekers

Alles hieronder wordt beslist in de browser, vanuit een bestand dat alleen voor uw website is gecompileerd. Er gaat geen aanroep naar Pertento voordat de pagina rendert, en niets wacht op een antwoord om te beslissen wat een bezoeker ziet.

Gelijktijdigheid kost u niets

Elke in aanmerking komende bezoeker gaat elk in aanmerking komend experiment in, dus tien live tests krijgen elk het volledige publiek in plaats van een tiende ervan. De reden dat de meeste programma's één test tegelijk draaien, geldt hier niet.

Verdelingen die altijd optellen

Verdelingen worden opgeslagen als basispunten van tienduizend en gecontroleerd op een exacte som, zodat een test met drie varianten echt drie gelijke derden is en niet drie afrondingen met een gat ertussen.

Automatisch herbalanceren

De verdeling die elke variant werkelijk kreeg wordt periodiek gemeten en gecorrigeerd, zodat de cumulatieve toewijzing naar de door u ingestelde verdeling toe beweegt in plaats van ervandaan te drijven.

Vaste toewijzing, geen cookies

Een bezoeker houdt de variant die hij kreeg, bewaard in browseropslag in plaats van in een cookie. Consistentie is eerst een eis van correctheid en pas daarna een hoffelijkheid.

Anti-flikkering met vier vangnetten

De pagina wordt verborgen terwijl de wijzigingen worden toegepast en vanuit vier onafhankelijke codepaden weer getoond. De storing waartegen dit is ontworpen, is een klantsite die leeg blijft voor hun eigen bezoekers.

Geen retourvraag vóór het renderen

Elke websiteconfiguratie wordt gecompileerd tot een eigen statisch bestand, zodat de runtime bij het laden al weet wat er moet draaien. Niets wacht op een API-aanroep om te bepalen wat de bezoeker ziet.

Vragen

Wat teams vragen voor ze overstappen

Hoe lang duurt het voordat we een test kunnen draaien?

Eén scripttag in de head is de hele installatie, en het is de enige wijziging aan uw site. Vanaf daar bouwt u een variant door op elementen van uw live pagina's te wijzen, dus het eerste experiment wordt begrensd door hoe lang u erover doet om te besluiten wat u wilt testen en niet door iets wat ingekocht, gebouwd of ingepland moet worden. Er gaat niets per ongeluk live terwijl u het leert kennen: een nieuw experiment is een concept totdat u het start.

Wordt de site er trager van of schaadt het onze Core Web Vitals?

Elke website krijgt een eigen gecompileerd bestand met zijn experimenten erin gebakken, dus de runtime weet bij het laden al wat er moet draaien en niets wacht op een aanroep naar ons voordat de pagina rendert. De pagina wordt heel kort tegengehouden terwijl de wijzigingen worden toegepast, en dat is wat voorkomt dat bezoekers het origineel zien overspringen naar de test, en hij wordt vanuit vier onafhankelijke codepaden weer getoond, zodat een storing de ongewijzigde pagina laat zien in plaats van een lege. De tracking laadt als laatste, nadat de pagina zichtbaar is, zodat meten het renderen nooit vertraagt.

Wat kan de editor werkelijk veranderen, en waar houdt het op?

Tekst, opmaak, indeling en positie bewerkt u door te wijzen, en structurele wijzigingen worden gedekt door vijf HTML-plaatsingen ten opzichte van een element dat u selecteert. Daarna houdt het eerlijk op in plaats van slecht: alles wat het paneel niet kan uitdrukken schrijft u als eigen CSS of JavaScript op de variant, wat betekent dat een test nooit op het gereedschap strandt. De echte grens is een wijziging die plaatsvindt voordat de pagina bestaat: rangschikking, prijslogica, een aanbevelingsmodel. Dat zijn serverside experimenten, en daar heeft u uw ontwikkelaars voor nodig.

Hoeveel experimenten kunnen we tegelijk draaien?

Zoveel als u ideeën heeft, en dit is het antwoord dat het waard is om te vergelijken met wat u vandaag gebruikt. Elk experiment randomiseert onafhankelijk, dus een in aanmerking komende bezoeker gaat elk experiment in waarvoor hij kwalificeert en elk experiment meet tegen het volledige in aanmerking komende publiek. Gelijktijdigheid deelt uw steekproef hier niet op, en daarom controleert het platform of twee tests elkaar zouden storen in plaats van te rantsoeneren hoeveel er mogen draaien. Tempo is meestal het verschil tussen een programma dat zichzelf terugverdient en een programma dat dat niet doet.

Wat gebeurt er met het werk als we stoppen met Pertento?

Winnaars die u heeft hardgecodeerd staan al in uw eigen codebase en blijven ongemoeid, en daar is de implementatiewachtrij voor: die somt elke winnaar op die nog door ons wordt geleverd en blijft hem markeren totdat uw ontwikkelaars ruimte hebben. Winnaars die het platform nog levert stoppen wanneer het stopt, net zoals elke variant stopt. De experimenten, de hypotheses en de vastgelegde geschiedenis blijven in het account en niet in gereedschap van ons.

Alles in het pakket

Het volledige functieoverzicht

Pertento is een platform voor conversieoptimalisatie voor websites en webshops, gebouwd voor zowel interne teams als CRO-bureaus die experimenteerprogramma’s over een hele klantenlijst draaien.

Integraties

Werkt met de stack die u al draait

Eén snippet valt in elke site, of ga volledig serverside. Niets om opnieuw te bouwen.

Snippet van één regel

Plak één tag van 0,9 KB in uw head en u bent live. Geen buildstap, geen afhankelijkheden.

Google Tag Manager

Rol experimenten uit en beheer ze rechtstreeks via GTM. Geen ontwikkeltijd nodig.

Serverside API

Test voorbij de browser: prijzen, zoeken en routering, zonder geflikker.

  • 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

Niet op de lijst? Als het HTML rendert, kan Pertento het testen:lees hoe elk platform aansluit.

Betere experimenten, betere conversie

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