Plattform · Experiment

AI-stödd experimentering på webben

Visuella flervarianttester, URL-omdirigeringar och tester på serversidan som du startar direkt från ett Chrome-tillägg på din live-webbplats. Beskriv ändringen för AI-editorn eller peka på ett element och ändra det själv, och spara sedan varianten.

Så går ett test till

Från hypotes till färdig ändring

Peka på sidan, beskriv ändringen och testa den på riktiga besökare.

Vem som ser testet, vad som ska köras härnäst och vad utvecklarna får när du är klar.

  • En AI-editor som bygger ändringar du beskriver med vanliga ord, redigering utan kod och färdiga komponenter, plus egen CSS och JS
  • Målgruppstargeting på URL, enhet och cookie, med fast tilldelning så att återvändande besökare får samma upplevelse varje gång
  • Flimmerskydd med fyra oberoende säkerhetsnät, så att besökaren aldrig ser originalsidan blinka till innan testet laddas
  • Varje besökare deltar i alla experiment vars villkor den uppfyller, så tio samtidiga tester inte minskar urvalet
  • Rulla ut vinnaren till 100 % av trafiken med ett klick, eller lämna över den för hårdkodning
  • Hypotesspårning, där PXL-poäng rangordnar din backlog
FlervariantURL-omdirigeringServersida
Experimentbiblioteket: fem experiment av de tre typerna, med trafikfördelning och targetingfönster. Ett körs, ett väntar på beslut och ett är redan utrullat.

AI-editor

Beskriv ändringen och se den ta form

Berätta för editorn med vanliga ord vad du vill ha, eller peka på ett element och fråga. AI:n läser sidan, föreslår ändringar och förhandsvisar dem på din live-webbplats. Ingenting sparas förrän du tillämpar dem.

AI-editorn bredvid en rörig landningssida: en prompt ber om en enda tydlig rubrik, en huvudknapp och planer som är lätta att jämföra, AI:n föreslår fem ändringar och förhandsvisar dem medan sidan ritas om och röran försvinner, och sedan tillämpas och sparas ändringarna.
  • Ett ord eller en hel sektionJustera en enstaka rubrik, eller bygg om en hel hero, meny eller pristabell med en enda prompt. Varje ändring listas för sig, så du behåller bara dem du vill ha.
  • JavaScript bara när det behövsDe flesta tester handlar om text, formgivning och markup, och det är det AI:n skriver. När ett test ska reagera på något, till exempel ett klick eller en scroll, skriver den även koden, och koden godkänns för sig.
  • Den läser sidan åt digAI:n utgår från en översikt över sidan du är på, med dess struktur och texter. Du beskriver vad du vill uppnå, och den hittar elementen som ska ändras. Inga selektorer, ingen utvecklare.
  • En förhandsvisning innan något sparasDe föreslagna ändringarna visas på din live-sida, var och en med en egen kryssruta. Tillämpar du dem blir de vanliga ändringar i varianten, som du kan ångra ända tills du sparar.
  • Starka experiment utan kodAlla som kan beskriva en bättre sida kan också bygga varianten. AI:n svarar på det språk du skriver på, och texterna på sidan får behålla sitt språk.
  • Du vet vad det kostar i förvägVarje förfrågan drar AI-krediter, och panelen visar en uppskattning innan du skickar den. Ifyllda formulärfält och personuppgifter på sidan maskeras innan något skickas iväg.
Allt om AI-editorn

Målgruppstargeting

Visa det för precis rätt besökare

Tre villkor som du kombinerar per experiment: adressen, enheten och en cookie som din webbplats redan sätter. Tilldelningen är fast, så en återvändande besökare ser samma variant hela tiden.

  • URL-regler med sju villkor, bland annat regex och två negativa
  • Desktop, mobil eller surfplatta, avgjort innan besökaren går in i testet
  • Cookietargeting för inloggad eller segmenterad trafik, mot en lista med värden
  • Fast tilldelning som sparas i webbläsarens lagring, inte i en cookie
  • Tvinga fram valfri variant via URL och granska den, utan testkonto
Ett experiments målgruppsregler: produktsidor på mobil, utom outlet-avdelningen, för besökare som enligt sin lojalitetscookie är medlemmar, med fast tilldelning och 61 % av trafiken med i testet.

Rulla ut vinnaren

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

Rulla ut vinnaren till all trafik direkt från resultatsidan. Ska den i stället ligga i koden skriver Pertento en överlämning med den exakta ändringen.

  • Rulla ut med ett klick, med logg över vem som gjorde det
  • Överlämning med selektorn och ändringen
  • Gå tillbaka till originalet när som helst
Utrullningsskärmen: variant B utrullad till all trafik, med namn på den som gjorde det, tidsstämpel och möjlighet att gå tillbaka. Bredvid ligger överlämningen med selektorn, texten och färgen som ska hårdkodas.

Prioritering

En backlog sorterad efter PXL-poäng, inte efter tyckande

Logga varje hypotes, poängsätt den med PXL-modellen och låt rankingen styra vad som körs härnäst. De tre poängen slås ihop till ett tal, för en backlog måste gå att sortera och tre tal slutar bara i diskussion.

  • Potential, exponering och arbetsinsats, var och en poängsatt från ett till fem
  • Sammanvägt till en enda vikt mellan noll och tio, som listan sorteras efter
  • Hypoteser kopplade till experimentet som testade dem
  • Utkastet med högst poäng lyfts fram när inget annat kräver din uppmärksamhet
Hypotesbacklogen rangordnad efter PXL-poäng, från en fast “Lägg i varukorgen”-knapp på 9,4 ner till en hero-video på 3,2.

Implementering

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

Pertento kan servera en vinnare hur länge som helst, men de flesta team vill till slut ha den i koden. Implementeringsöversikten visar vilka vinnare som fortfarande körs via plattformen och vilka som är hårdkodade.

  • Selektorn och den exakta ändringen, redo att klistra in
  • Status per vinnare: väntar, pågår, hårdkodad
  • Experimentet fortsätter att visas tills koden är utrullad
Implementeringsöversikten: fem vinnare med status, samt överlämningen för en av dem med selektor, ändring, uppgift om Pertento fortfarande visar den och ärendet.

Pipelines

Bestäm ordningen en gång, sluta schemalägga för hand

En pipeline är en serie steg i fast ordning, och ett steg är en grupp experiment som körs samtidigt. Experiment som skulle störa varandra läggs i olika steg, och varje steg körs i tur och ordning med full trafik. Det är motsatsen till att göra experimenten ömsesidigt uteslutande och dela upp publiken.

  • Stegen aktiveras i tur och ordning, så inget stannar av för att någon glömde det
  • Gå vidare när alla experiment är avslutade, vid första signifikanta resultatet eller när någon bestämmer det
  • Ett steg startas helt eller inte alls, så ett halvstartat steg blir aldrig kvar
  • Automatisering och automatisk utrullning är två separata reglage, och båda är avstängda tills du slår på dem
  • Med automatiseringen avstängd loggar motorn ändå vad den skulle ha gjort, med exakt samma kod
En pipelinetavla med fyra steg: checkout-steget är klart, två experiment på produktsidan körs samtidigt i det aktuella steget och två senare steg väntar. Automatiseringen är på och den automatiska utrullningen av.

Visuell editor

Peka och ändra, eller lägg in en hel sektion

Editorn öppnas från Chromes sidopanel, på din live-webbplats. Formge vad som helst i egenskapspanelen, redigera text där den står eller dra in en färdig komponent som tar efter webbplatsens egna typsnitt och färger. Varje ändring sparas i varianten: ingen utrullning, inget ärende och ingen stagingkopia av sidan.

KomponenterDynamiskt innehållDataflödenHover- och fokuslägenText direkt på sidanEgen CSS/JS
Den visuella editorn på en produktsida: blocket Trust row dras från fliken Add och släpps under köpknappen, blockets betygsrad kopplas till sidans eget produktbetyg och antal recensioner, och varianten sparas.

Bygga testet

Det som gör experiment nummer två billigare än nummer ett

Det mesta av tiden i ett testprogram läggs inte på det första testet. Den läggs på att bygga om samma upplägg, kontrollera en variant innan den går ut och föra ett register som någon kan läsa nästa år.

01Ett komponentbibliotek som matchar din webbplatsHero-sektioner, FAQ, förtroendesignaler, fasta lister, popup-fönster, kolumner, video och bildspel, som du klickar eller drar in. Var och en tar webbplatsens typsnitt och färger från platsen där den hamnar, så att ett test kan lägga till en sektion och inte bara färga om en knapp.02Bygg en gång, så fyller varje sida i sin egen dataLägg in besökarens kampanj, en nedräkning, sidans egen rubrik eller, i en butik, produktens namn och pris i en ändring. En och samma banner hälsar varje kampanj med dess egna ord, och om data saknas döljs den i stället för att en platshållare visas.03Dataflöden från dina egna systemKoppla in ett JSON- eller Google Merchant-flöde som webbplatsen redan publicerar, till exempel recensioner, lagerstatus eller kampanjtexter, och använd fälten i vilken variant som helst. Pertentos servrar hämtar flödet enligt ett schema, så besökarna väntar aldrig på din server, och det är bara de fält du bockar i som visas.04Fem HTML-placeringarByt ut ett element, lägg till innehåll först eller sist inuti det, eller placera markup före eller efter det. Strukturella ändringar går att beskriva på en rad, och det gör dem lätta att granska i efterhand.05Egen CSS och JavaScriptPer variant, för allt som egenskapspanelen inte klarar. Koden ligger i den bundle som byggs för din webbplats och körs innan sidan visas, så en skriptad ändring syns aldrig som ett hopp.06Skärmbilder av varianterTa en skärmbild av varianten direkt i editorn och beskär den. Läser du ett resultat sex månader senare är en lista med selektorer annars allt du har.07Duplicera ett experimentKopierar varianterna, alla ändringar i dem, skärmbilderna och alla tre typer av targeting. Bygger du om en uppsättning för hand är det lätt att fel targetingregel går live.08Testkörningar före lanseringProvkör hela kedjan mot den riktiga runtimen som ett markerat test och radera det sedan. Inget som en provkörning har samlat in behöver förklaras bort i en rapport.
09Välj variant via URLLägg till en parameter i vilken adress som helst för att låsa dig till en viss variant, eller för att se en variant medan allt annat är som originalet. Du behöver inget testkonto för att granska på egen hand.

Medan testet pågår

Vad runtime gör på dina besökares sidor

Allt nedan avgörs i webbläsaren, från en fil som är kompilerad bara för din webbplats. Pertento anropas inte innan sidan visas, och inget väntar på något svar för att avgöra vad besökaren ska se.

Frågor

Frågor team ställer innan de byter

Hur snabbt kan vi komma igång med ett test?

Installationen är ett skript i head, och det är den enda ändringen på din webbplats. Sedan bygger du varianten genom att peka på element på dina riktiga sidor. Det som avgör när du har ett test igång är hur lång tid det tar att bestämma vad du ska testa, inte något som måste upphandlas, byggas eller bokas in. Inget går live av misstag medan du lär dig: ett nytt experiment är ett utkast tills du startar det.

Gör det webbplatsen långsammare eller försämrar det våra Core Web Vitals?

Varje webbplats får en egen kompilerad fil med experimenten inbakade. Runtimen vet därför redan vad den ska köra när den laddas, och ingenting väntar på ett anrop till oss innan sidan renderas. Loadern på din sida är under 1 KB, och de tyngre funktionerna, som data från sidan och dataflöden, laddas bara på webbplatser vars tester använder dem. Sidan hålls tillbaka en kort stund medan ändringarna läggs på, så att besökarna inte ser originalet blinka till innan testet tar över. Den visas sedan via fyra oberoende kodvägar, så om något går fel visas den oförändrade sidan och inte en tom. Spårningen laddas sist, när sidan redan syns, så mätningen fördröjer aldrig renderingen.

Vad kan editorn ändra, och var går gränsen?

Text, utseende, layout och position, inklusive hover- och fokuslägen, ändrar du genom att peka, och hela sektioner lägger du till från ett bibliotek med komponenter som tar efter webbplatsens egna typsnitt och färger. En ändring kan innehålla sidans egen data, till exempel varje produkts pris, eller värden från ett flöde som du redan publicerar, och en selektor kan tillämpa den på alla matchande element. Du kan också beskriva ändringen med vanliga ord och låta AI-editorn föreslå den, med en förhandsvisning på sidan innan något sparas. Längre än så når inte editorn, men du kör ändå inte fast: allt som egenskapspanelen inte klarar skriver du som egen CSS eller JavaScript på varianten, så ett test stoppas aldrig av verktyget. Den egentliga gränsen är ändringar som måste ske innan sidan skapas: rangordning, prislogik, en rekommendationsmodell. Det är experiment på serversidan, och de kräver dina utvecklare.

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

Så många du har idéer till, och det är ett svar som är värt att jämföra med det du använder i dag. Varje experiment fördelar besökarna slumpmässigt och oberoende av de andra. En besökare deltar därför i alla experiment vars villkor den uppfyller, och varje experiment mäter hela sin målgrupp. Samtidiga experiment delar inte upp urvalet. Plattformen kontrollerar i stället om två tester stör varandra. Testtakten är oftast det som skiljer ett CRO-program som lönar sig från ett som inte gör det.

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

Vinnare som du har lagt in i din egen kod ligger kvar och påverkas inte. Det är dit implementeringskön försöker leda dig: den listar varje vinnare som vi fortfarande levererar och påminner dig tills dina utvecklare har tid. Vinnare som plattformen fortfarande levererar slutar gälla när plattformen gör det, precis som vilken variant som helst. Experimenten, hypoteserna och den skrivna historiken ligger kvar i ditt konto och inte i våra verktyg.

Kan AI hjälpa oss att lägga upp ett experiment?

Ja. Pertento AI hjälper till med upplägget: beskriv ändringen du vill testa, så bygger AI-editorn varianten på din live-sida. När experimentet har körts förklarar Pertento AI resultatet i klartext, så att nästa beslut inte behöver vänta på någon som kan läsa statistik.

Allt som ingår

Hela funktionsutbudet

Pertento är en plattform för konverteringsoptimering av webbplatser och webbutiker, byggd för interna team och för CRO-byråer som kör experimentprogram för en hel kundportfölj.

Integrationer

Fungerar med den stack du redan har

En kodsnutt fungerar på vilken webbplats som helst, eller så kör du helt på serversidan. Inget behöver byggas om.

01 / Kodsnutt

En rad kod

Klistra in en enda tagg i head så är du live: en loader på 0,9 KB, inget byggsteg, inga beroenden.

Klistra in före </head>
02 / Tagghanterare

Google Tag Manager

Rulla ut och hantera experiment direkt via GTM. Du behöver ingen utvecklartid.

Lägg till som en Custom HTML-tagg
03 / Server

API för serversidan

Testa sådant som ligger utanför webbläsaren, som priser, sök och routning, utan flimmer.

Installera SDK:n
  • 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

Saknas din plattform? Om den renderar HTML kan Pertento testa den: läs hur var och en ansluts ↗

Bättre experiment, högre konvertering

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