Plattform · Experiment

Tre experimenttyper, en visuell redigerare

Visuella flervarianttester, URL-omdirigeringar och serversidesexperiment, lanserade direkt från ett Chrome-tillägg på er livesida. Peka på ett element, ändra det, spara varianten.

Så körs ett test

Från en hypotes till en skeppad ändring

Vem som ser den, vad som körs härnäst, och vad utvecklingen får när ni är klara.

  • No-code-redigering av text, formgivning, layout och position, plus egen CSS och JS för avancerade användare
  • Styrning via URL, enhet och kaka, med bestående tilldelning så att återkommande besökare får en konsekvent upplevelse
  • Antiflimmer-rendering med fyra oberoende säkerhetsnät, så besökare aldrig ser originalsidan blinka fram i testet
  • Varje behörig besökare går in i varje behörigt experiment, så att köra tio tester samtidigt kostar ingen urvalsstorlek
  • Vinnardriftsättning med ett klick till 100 % av trafiken, och en implementeringsöverlämning för att hårdkoda vinnare
  • Hypotesspårning med PXL-prioriteringspoäng för att rangordna er backlogg
FlervariantURL-omdirigeringServersida
Experimentbiblioteket: fem experiment över de tre typerna, med sin trafikfördelning och sitt styrningsfönster, ett som körs, ett som väntar på ett beslut och ett som redan är driftsatt.

Styrning

Visa den för precis rätt person

Tre dimensioner, kombinerade per experiment: adressen, enheten och en kaka er egen webbplats redan sätter. Tilldelningen är bestående, så en återkommande besökare behåller den variant de fick.

  • URL-regler på sju villkor, inklusive regex och två negativa
  • Desktop, mobil eller surfplatta, upptäckt innan besökaren förs in
  • Kakstyrning för inloggad eller segmenterad trafik, matchad mot en lista med värden
  • Bestående tilldelning, hållen i webbläsarlagring snarare än en kaka
  • Tvinga fram vilken variant som helst via URL för att granska den, utan ett testkonto
Ett experiments styrningsregler: produktsidor på mobil, med outletavdelningen undantagen, för besökare vars lojalitetskaka märker dem som medlemmar, med bestående tilldelning, vilket släpper in 61 % av trafiken.

Skeppa vinnaren

Ett klick till 100 %, eller en överlämning till utvecklingen

Driftsätt den vinnande varianten till all trafik direkt från resultatsidan. När den i stället bör leva i kodbasen skriver Pertento överlämningen med den exakta ändringen.

  • Driftsättning med ett klick, med ett register över vem som driftsatte den
  • Implementeringsöverlämning med selektorn och ändringen
  • Återställ till originalet när som helst
Driftsättningsskärmen: variant B utrullad till all trafik med namngiven person, tidsstämpel och möjlig återställning, vid sidan av överlämningen som listar selektorn, texten och färgen som ska hårdkodas.

Prioritering

En backlogg ordnad efter PXL-poäng, inte efter åsikt

Logga varje hypotes, poängsätt den enligt PXL-modellen, och låt rangordningen avgöra vad som körs härnäst. De tre poängen löses upp i ett enda tal, för en backlogg måste gå att ordna och tre tal är en diskussion.

  • Potential, exponering och arbetsinsats, poängsatta ett till fem vardera
  • Löses upp i en enda vikt från noll till tio, som listan sorterar på
  • Hypoteser länkade till experimentet som testade dem
  • Det högst poängsatta utkastet lyfts fram när inget annat behöver er
Hypotesbackloggen rangordnad efter PXL-poäng, från en fastnålad lägg i varukorgen-knapp på 9,4 ner till en hero-video på 3,2.

Implementering

Lämna över vinnaren till utvecklingen, med ändringen

En vinnare kan fortsätta levereras av Pertento på obestämd tid, men de flesta team vill till slut ha den i kodbasen. Implementeringsvyn spårar vilka vinnare som fortfarande körs på plattformen och vilka som har hårdkodats.

  • Selektorn och den exakta ändringen, redo att klistra in
  • Status per vinnare: väntar, pågår, hårdkodad
  • Experimentet fortsätter levereras till dess koden skeppas
Implementeringsöversikten: fem vinnare med sin status, och överlämningen för en av dem med selektorn, ändringen, om Pertento fortfarande levererar den, och ärendet.

Pipelines · beta

Bestäm ordningen, sluta sedan schemalägga för hand

En pipeline är en ordnad körning av etapper, och en etapp är en uppsättning experiment som körs tillsammans. Experiment som skulle krocka läggs i olika etapper och varje etapp körs i full trafik i tur och ordning, vilket är motsatsen till att göra dem ömsesidigt uteslutande och dela upp publiken.

  • Etapper beväpnar sig själva i ordning, så inget väntar på att någon kommer ihåg
  • Gå vidare när varje experiment avslutas, vid det första signifikanta resultatet, eller på en persons kommando
  • En etapp beväpnas helt eller inte alls, så en halvstartad etapp lämnas aldrig körande
  • Automatisering och automatisk driftsättning är separata reglage, båda avstängda tills ni slår på dem
  • Med automatiseringen avstängd loggar motorn ändå vad den skulle ha gjort, med samma kod
En pipelinetavla med fyra etapper: checkout-etappen klar, två experiment på produktsidan som körs tillsammans i den aktuella etappen, och två senare etapper som väntar, med automatiseringen på och automatisk driftsättning av.

Visuell redigerare

Peka på det, ändra det, spara varianten

Redigeraren öppnas på er livesida från ett Chrome-tillägg. Markera ett element, redigera dess innehåll och formgivning i egenskapspanelen, och ändringen sparas mot varianten. Ingen driftsättning, inget ärende, ingen stagingkopia av sidan.

TextFormgivningLayoutPositionEgen 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

Ett hierarkiträd och ett selektorfältför de gånger då pekande inte är precist nog, med en synlig sökväg som visar exakt vilken nod som är markerad.

En brytare för interaktivitetväxlar mellan att markera element och att använda sidan, så att ni kan öppna en meny eller en dialog och sedan redigera det som ligger i den.

En enhetsväljareramar in ytan i de bredder er trafik använder. En variant som bara fungerar i desktopbredd är inte färdig.

En ändringslistaär varianten: ett ordnat register över allt den gör, där varje post kan tas bort för sig, och samma lista som överlämningen sedan läser.

Mer om den visuella redigeraren · Så öppnar tillägget den

Bygga testet

Delarna som gör det andra experimentet billigare än det första

Det mesta av tiden i ett program går inte till det första testet. Den går till att bygga upp en uppsättning igen, kontrollera en variant innan den går live, och föra ett register någon kan läsa nästa år.

Fem HTML-placeringar

Byt ut ett element, sätt in innehåll inuti det i någon av ändarna, eller placera markup före eller efter det. Strukturella ändringar går fortfarande att beskriva på en rad, och det är det som gör dem möjliga att granska senare.

Egen CSS och JavaScript

Per variant, för allt som egenskapspanelen inte kan uttrycka. Koden levereras inuti den bundle som byggs för er webbplats och körs innan sidan visas, så en skriptad ändring läses aldrig som ett hopp.

Skärmbilder av varianter

Fånga och beskär hur varianten såg ut, inifrån redigeraren. Ett resultat som läses sex månader senare är en lista med selektorer utan en sådan bild.

Duplicera ett experiment

Kopierar varianterna, varje ändring på dem, skärmbilderna och alla tre typer av styrning. Att bygga upp en uppsättning för hand är där den felaktiga styrregeln kommer ut i produktion.

Testkörningar före lansering

Repetera hela kedjan mot den verkliga körtiden som ett markerat test, och radera det sedan. Inget som en repetition samlade in behöver någonsin bortförklaras i en rapport.

Tvinga fram en variant via URL

Lägg till en parameter i vilken adress som helst för att låsa er till en bestämd variant, eller för att se en variant med allt annat kvar i original. Att granska med egna ögon kräver inget testkonto.

Medan det körs

Vad körtiden gör på era besökares sidor

Allt nedan avgörs i webbläsaren, från en fil kompilerad för er webbplats ensam. Det finns ingen tur och retur till Pertento innan sidan renderas och inget som väntar på ett svar för att avgöra vad en besökare ser.

Samtidighet kostar er ingenting

Varje behörig besökare går in i varje behörigt experiment, så tio live-tester får vart och ett hela publiken i stället för en tiondel av den. Skälet till att de flesta program kör ett test i taget gäller inte här.

Vikter som alltid summerar

Fördelningar lagras som baspunkter av tiotusen och valideras till att summera exakt, så ett trevägstest är verkligen tre lika tredjedelar snarare än tre avrundningar och ett glapp.

Automatisk ombalansering

Den fördelning varje variant faktiskt fick mäts och korrigeras enligt ett schema, så den kumulativa tilldelningen närmar sig den ni konfigurerade i stället för att glida ifrån den.

Bestående tilldelning, inga kakor

En besökare behåller den variant de fick, hållen i webbläsarens lagring snarare än i en kaka. Konsekvens är ett korrekthetskrav innan det är en artighet.

Antiflimmer med fyra säkerhetsnät

Sidan hålls dold medan ändringarna appliceras och visas fram från fyra oberoende kodvägar. Felet designen värjer sig mot är en kundwebbplats som lämnas tom för deras egna besökare.

Ingen tur och retur före rendering

Varje webbplatskonfiguration kompileras till sin egen statiska fil, så körtiden vet redan vad den ska köra när den laddas. Inget väntar på ett API-anrop för att avgöra vad besökaren ser.

Frågor

Vad team frågar innan de byter

Hur snabbt kan vi ha ett test i gång?

Ett skript i head är hela installationen, och det är den enda ändringen på er webbplats. Därefter byggs en variant genom att peka på element på era livesidor, så det första experimentet begränsas av hur lång tid det tar er att bestämma vad ni ska testa snarare än av något som måste upphandlas, byggas eller schemaläggas. Inget går live av misstag medan ni lär er: ett nytt experiment är ett utkast till dess ni startar det.

Kommer det att göra webbplatsen långsammare eller skada våra Core Web Vitals?

Varje webbplats får sin egen kompilerade fil med sina experiment inbakade, så körtiden vet redan vad den ska köra när den laddas och inget väntar på ett anrop till oss innan sidan renderas. Sidan hålls tillbaka en kort stund medan ändringarna appliceras, vilket är det som hindrar besökare från att se originalet blinka fram före testet, och den visas fram från fyra oberoende kodvägar så att ett fel ger den oförändrade sidan i stället för en tom. Spårningen laddas sist, efter att sidan är synlig, så mätningen fördröjer aldrig renderingen.

Vad kan redigeraren faktiskt ändra, och var tar det slut?

Text, formgivning, layout och position redigeras genom att peka, och strukturella ändringar täcks av fem HTML-placeringar mot ett element ni väljer. Bortom det tar det slut hederligt snarare än illa: allt som panelen inte kan uttrycka skriver ni som egen CSS eller JavaScript på varianten, vilket betyder att ett test aldrig blockeras av verktyget. Den verkliga gränsen är en ändring som sker innan sidan finns, rangordning, prislogik, en rekommendationsmodell. Sådant är serversidesexperiment, och de kräver era utvecklare.

Hur många experiment kan vi köra samtidigt?

Så många som ni har idéer till, och det här är svaret som är värt att kontrollera mot vad ni använder i dag. Varje experiment randomiserar oberoende, så en behörig besökare går in i varje experiment de kvalificerar sig för och varje experiment mäter mot hela den behöriga publiken. Samtidighet delar inte ert urval här, och därför kontrollerar plattformen om två tester skulle störa varandra i stället för att rationera hur många som får köra. Takten är oftast skillnaden mellan ett program som betalar sig och ett som inte gör det.

Vad händer med arbetet om vi slutar använda Pertento?

Vinnare som ni har hårdkodat ligger redan i er egen kodbas och påverkas inte, vilket är just det implementeringskön finns för att driva er mot: den listar varje vinnare som fortfarande levereras av oss och fortsätter flagga den till dess era utvecklare får plats. Vinnare som fortfarande levereras av plattformen slutar när den slutar, på samma sätt som vilken variant som helst slutar. Experimenten, hypoteserna och den skrivna historiken stannar i kontot snarare än i verktyg som är våra.

Allt som ingår

Hela funktionsuppsättningen

Pertento är en plattform för konverteringsoptimering för webbplatser och e-handel, byggd både för interna team och för CRO-byråer som driver experimentprogram över en kundlista.

Integrationer

Fungerar med den stack ni redan kör

En kodsnutt läggs in på vilken webbplats som helst, eller kör helt på serversidan. Inget att bygga om.

En kodrad

Klistra in en enda tagg på 0,9 KB i er head och ni är live. Inget byggsteg, inga beroenden.

Google Tag Manager

Driftsätt och sköt experiment direkt via GTM. Ingen utvecklartid krävs.

API för serversidan

Kör tester utanför webbläsaren: priser, sök och routning, utan flimmer.

  • 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

Inte med på listan? Om det renderar HTML kan Pertento testa det:läs hur var och en ansluter.

Bättre experiment, bättre konvertering

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