Piattaforma · Sperimentazione

Tre tipi di test, un editor visivo

Test multivarianti visivi, reindirizzamenti URL e test lato server, avviati direttamente da un'estensione Chrome sul vostro sito live. Puntate su un elemento, modificatelo, salvate la variante.

Come funziona un test

Da un'ipotesi a una modifica pubblicata

Chi la vede, cosa far girare dopo, e cosa riceve l'ingegneria quando avete finito.

  • Modifica senza codice di testo, stile, layout e posizione, più CSS e JS personalizzati per utenti avanzati
  • Targeting per URL, dispositivo e cookie, con assegnazione persistente così i visitatori che tornano vedono un'esperienza coerente
  • Rendering anti-flicker con quattro protezioni indipendenti, così i visitatori non vedono mai la pagina originale lampeggiare nel test
  • Ogni visitatore idoneo entra in ogni test idoneo, quindi far girare dieci test insieme non costa nessuna dimensione campionaria
  • Pubblicazione del vincitore con un clic al 100% del traffico, e una consegna all'implementazione per fissare i vincitori nel codice
  • Tracciamento delle ipotesi con punteggio di priorità PXL per ordinare il vostro backlog
MultivarianteReindirizzamento URLLato server
La libreria dei test: cinque test sui tre tipi, con la loro ripartizione del traffico e la finestra di targeting, uno in corso, uno in attesa di una decisione e uno già pubblicato.

Targeting

Mostratela esattamente a chi intendevate

Tre dimensioni, combinate per test: l'indirizzo, il dispositivo e un cookie che il vostro sito già imposta. L'assegnazione è persistente, quindi un visitatore che torna mantiene la variante che gli è stata data.

  • Regole URL su sette condizioni, incluse una regex e due negative
  • Desktop, mobile o tablet, rilevato prima che il visitatore venga inserito
  • Targeting per cookie per traffico autenticato o segmentato, confrontato con un elenco di valori
  • Assegnazione persistente, mantenuta nella memoria del browser anziché in un cookie
  • Forzate qualsiasi variante tramite URL per verificarla, senza un account di test
Le regole di targeting di un test: le pagine prodotto su mobile, esclusa la sezione outlet, per i visitatori il cui cookie fedeltà li segna come membri, con assegnazione persistente, ammettendo il 61% del traffico.

Pubblicare il vincitore

Un clic al 100%, oppure una consegna all'ingegneria

Pubblicate la variante vincente su tutto il traffico direttamente dalla pagina dei risultati. Quando invece deve vivere nella codebase, Pertento scrive la consegna con la modifica esatta.

  • Pubblicazione con un clic, con la registrazione di chi l'ha pubblicata
  • Consegna all'implementazione con il selettore e la modifica
  • Tornate all'originale in qualsiasi momento
La schermata di pubblicazione: la variante B pubblicata su tutto il traffico con il nome di chi l’ha pubblicata, un orario e la possibilità di tornare indietro, accanto alla consegna che elenca il selettore, il testo e il colore da fissare nel codice.

Prioritizzazione

Un backlog ordinato per punteggio PXL, non per opinione

Registrate ogni ipotesi, valutatela con il modello PXL, e lasciate che sia la classifica a decidere cosa parte dopo. I tre punteggi si risolvono in un solo numero, perché un backlog deve essere ordinabile e tre numeri sono una discussione.

  • Potenziale, esposizione e livello di sforzo, ciascuno valutato da uno a cinque
  • Risolti in una sola importanza da zero a dieci, su cui si ordina l'elenco
  • Ipotesi collegate al test che le ha verificate
  • La bozza col punteggio più alto emerge quando nient'altro ha bisogno di voi
Il backlog delle ipotesi ordinato per punteggio PXL, da un aggiungi al carrello fisso a 9,4 fino a un video hero a 3,2.

Implementazione

Consegnate il vincitore all'ingegneria, con la modifica

Un vincitore può restare servito da Pertento indefinitamente, ma la maggior parte dei team vuole prima o poi averlo nella codebase. La coda di implementazione tiene traccia di quali vincitori girano ancora sulla piattaforma e quali sono già stati fissati nel codice.

  • Il selettore e la modifica esatta, pronti da incollare
  • Stato per vincitore: in attesa, in corso, fissato nel codice
  • Il test continua a essere servito finché il codice non viene pubblicato
La dashboard di implementazione: cinque vincitori con il loro stato, e la consegna di uno di essi con il selettore, la modifica, se Pertento lo sta ancora servendo, e il ticket.

Pipeline · beta

Decidete l'ordine, poi smettete di pianificare a mano

Una pipeline è una sequenza ordinata di fasi, e una fase è un gruppo di test che girano insieme. I test che entrerebbero in collisione vanno in fasi diverse, e ogni fase gira a pieno traffico a turno, l'opposto di renderli mutuamente esclusivi e dividere il pubblico.

  • Le fasi si attivano in ordine, così nulla dipende dalla memoria di qualcuno
  • Avanzate quando ogni test si conclude, al primo risultato significativo, o tramite una persona
  • Una fase si attiva tutto o niente, così una fase avviata a metà non resta mai in corso
  • Automazione e pubblicazione automatica sono interruttori separati, entrambi spenti finché non li accendete
  • Con l'automazione spenta il motore registra comunque cosa avrebbe fatto, usando lo stesso codice
Una board di pipeline a quattro fasi: la fase del checkout completata, due test su pagine prodotto in corso insieme nella fase attuale, e due fasi successive in attesa, con l’automazione attiva e la pubblicazione automatica disattivata.

Editor visuale

Puntatelo, modificatelo, salvate la variante

L’editor si apre sul vostro sito live da un’estensione Chrome. Selezionate un elemento, modificatene il contenuto e lo stile nel pannello delle proprietà, e la modifica viene salvata sulla variante. Nessuna pubblicazione, nessun ticket, nessuna copia di staging della pagina.

TestoStileLayoutPosizioneCSS/JS personalizzato
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 albero della gerarchia e un campo per il selettoreper le volte in cui puntare non è abbastanza preciso, con un percorso che mostra esattamente quale nodo è selezionato.

Un interruttore di interattivitàpassa dal selezionare elementi all’usare la pagina, così potete aprire un menu o una finestra modale e poi modificare ciò che contiene.

Un selettore di dispositivoriquadra l’area di lavoro alle larghezze che il vostro traffico usa. Una variante che funziona solo alla larghezza desktop non è finita.

Un elenco delle modificheè la variante: un registro ordinato di tutto ciò che fa, ogni voce rimovibile da sola, ed è lo stesso elenco che la consegna leggerà poi.

Altro sull’editor visuale · Come lo apre l’estensione

Costruire il test

Ciò che rende un secondo test più economico del primo

Gran parte del tempo di un programma non va al primo test. Va nel ricostruire una configurazione, nel controllare una variante prima che venga pubblicata, e nel tenere un registro che qualcuno potrà leggere l'anno prossimo.

Cinque posizionamenti HTML

Sostituire un elemento, inserire al suo interno all’inizio o alla fine, oppure collocare markup prima o dopo di esso. Le modifiche strutturali restano descrivibili in una riga, ed è questo che le rende rivedibili più tardi.

CSS e JavaScript personalizzati

Per variante, per tutto ciò che il pannello delle proprietà non riesce a esprimere. Viaggiano dentro il bundle costruito per il vostro sito e girano prima che la pagina venga rivelata, così una modifica via script non si legge mai come uno scatto.

Screenshot delle varianti

Catturi e ritagli l’aspetto della variante dall’interno dell’editor. Un risultato letto sei mesi dopo, senza screenshot, è un elenco di selettori.

Duplicare un test

Copia le varianti, ogni modifica su di esse, gli screenshot e tutti e tre i tipi di targeting. Ricostruire una configurazione a mano è il punto in cui viene pubblicata la regola di targeting sbagliata.

Prove prima del lancio

Provi l’intera catena contro il runtime reale come test contrassegnato, poi lo elimini. Nulla di ciò che una prova ha raccolto dovrà mai essere giustificato in un report.

Forzare una variante via URL

Aggiunga un parametro a qualsiasi indirizzo per fissarsi su una variante specifica, o per vedere una sola variante con tutto il resto lasciato all’originale. Per rivedere a occhio non serve un account di prova.

Mentre è in corso

Cosa fa il runtime sulle pagine dei vostri visitatori

Tutto quanto segue viene deciso nel browser, a partire da un file compilato solo per il vostro sito. Non c'è nessuna chiamata a Pertento prima che la pagina venga renderizzata, e niente aspetta una risposta per decidere cosa vede un visitatore.

La concorrenza non vi costa nulla

Ogni visitatore ammissibile entra in ogni test ammissibile, quindi dieci test attivi ricevono ciascuno tutto il pubblico e non un decimo. Il motivo per cui la maggior parte dei programmi esegue un test alla volta qui non si applica.

Pesi che tornano sempre

Le ripartizioni sono memorizzate come punti base su diecimila e validate perché la somma sia esatta, così un test a tre vie è davvero tre terzi uguali e non tre arrotondamenti più un buco.

Ribilanciamento automatico

La ripartizione che ogni variante ha davvero ricevuto viene misurata e corretta a intervalli regolari, così l’allocazione cumulata converge su quella configurata invece di allontanarsene.

Assegnazione persistente, senza cookie

Un visitatore mantiene la variante che gli è stata data, conservata nella memoria del browser e non in un cookie. La coerenza è un requisito di correttezza prima di essere una cortesia.

Anti-flicker con quattro reti di sicurezza

La pagina è nascosta mentre le modifiche vengono applicate e rivelata da quattro percorsi di codice indipendenti. Il guasto contro cui è progettato è il sito di un cliente lasciato bianco davanti ai suoi visitatori.

Nessuna chiamata di rete prima del rendering

La configurazione di ogni sito è compilata in un file statico dedicato, così il runtime sa già cosa eseguire quando si carica. Nulla attende una chiamata API per decidere cosa vede il visitatore.

Domande

Cosa chiedono i team prima di passare

Quanto ci vuole prima di avere un test attivo?

Uno script nel head è tutta l’installazione, ed è l’unica modifica al vostro sito. Da lì una variante si costruisce puntando gli elementi sulle vostre pagine in produzione, quindi il primo test è limitato dal tempo che vi serve per decidere cosa testare e non da qualcosa da acquistare, costruire o pianificare. Nulla va in produzione per sbaglio mentre imparate: un test nuovo è una bozza finché non lo avvia.

Rallenterà il sito o danneggerà i nostri Core Web Vitals?

Ogni sito riceve il proprio file compilato con i suoi test già dentro, così il runtime sa già cosa eseguire quando si carica e nulla attende una chiamata verso di noi prima che la pagina venga disegnata. La pagina è trattenuta per un istante mentre le modifiche vengono applicate, ed è questo che evita ai visitatori di vedere l’originale comparire prima del test, e viene rivelata da quattro percorsi di codice indipendenti, così un guasto mostra la pagina non modificata anziché una pagina bianca. Il tracciamento si carica per ultimo, dopo che la pagina è visibile, quindi la misurazione non ritarda mai il rendering.

Cosa può cambiare davvero l’editor, e dove si ferma?

Testo, stile, layout e posizione si modificano puntando, e le modifiche strutturali sono coperte da cinque posizionamenti HTML rispetto a un elemento che seleziona. Oltre quel punto si ferma con onestà e non male: tutto ciò che il pannello non riesce a esprimere lo scrive come CSS o JavaScript personalizzato sulla variante, il che significa che un test non è mai bloccato dallo strumento. Il limite vero è una modifica che avviene prima che la pagina esista: un ordinamento, una logica di prezzo, un modello di raccomandazione. Quelli sono test server-side, e richiedono i vostri sviluppatori.

Quanti test possiamo eseguire contemporaneamente?

Tanti quante sono le vostre idee, e questa è la risposta da confrontare con quello che usate oggi. Ogni test randomizza in modo indipendente, quindi un visitatore ammissibile entra in ogni test per cui si qualifica e ognuno misura sull’intero pubblico ammissibile. Qui la concorrenza non divide il campione, ed è per questo che la piattaforma verifica se due test interferirebbero invece di razionare quanti possono girare. Il ritmo è di solito la differenza fra un programma che si ripaga e uno che non lo fa.

Che fine fa il lavoro se smettiamo di usare Pertento?

I vincitori che avete fissato nel codice sono già nella vostra codebase e restano intatti, ed è proprio a questo che serve la coda di implementazione: elenca ogni vincitore ancora servito da noi e continua a segnalarlo finché i vostri sviluppatori non hanno spazio. I vincitori ancora serviti dalla piattaforma si fermano quando si ferma lei, come si ferma qualsiasi variante. I test, le ipotesi e la storia scritta restano nell’account e non in strumenti nostri.

Tutto ciò che c’è nella scatola

L’insieme completo delle funzionalità

Pertento è una piattaforma di ottimizzazione del tasso di conversione per siti web e negozi online, costruita sia per i team interni sia per le agenzie CRO che conducono programmi di sperimentazione su un portafoglio clienti.

Integrazioni

Funziona con lo stack che già usa

Uno snippet entra in qualsiasi sito, oppure passi completamente al server. Niente da riprogettare.

Snippet di una riga

Incolli un unico tag da 0,9 KB nel suo head ed è attivo. Nessuno step di build, nessuna dipendenza.

Google Tag Manager

Pubblichi e gestisca i test direttamente da GTM. Nessun tempo di sviluppo richiesto.

API server-side

Faccia test oltre il browser: prezzi, ricerca e routing, senza flicker.

  • 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

Non è nell’elenco? Se genera HTML, Pertento può testarlo:legga come si collega ciascuno.

Test migliori, conversioni migliori

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