Piattaforma · Sperimentazione

Tre tipi di test, un editor con l’IA integrata

Test multivarianti visivi, reindirizzamenti URL e test lato server, avviati direttamente da un’estensione Chrome sul vostro sito live. Descrivete la modifica all’editor IA, oppure puntate su un elemento e modificatelo voi stessi, poi 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.

  • Un editor IA che trasforma una descrizione a parole in modifiche, interventi senza codice e componenti pronti, oltre a CSS e JS personalizzati
  • 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.

Editor IA

Descriva la modifica e la veda prendere forma

Dica all’editor cosa vuole con parole semplici, oppure indichi un elemento e faccia la sua richiesta. L’IA legge la pagina, propone le modifiche e le mostra in anteprima sul vostro sito in produzione. Nulla viene salvato finché non le applica.

L’editor IA accanto a una landing page affollata: una richiesta punta a un solo titolo chiaro, un solo pulsante principale e piani facili da confrontare, l’IA propone cinque modifiche e le mostra in anteprima mentre la pagina si ridisegna in versione pulita, poi le modifiche vengono applicate e salvate.
  • Una parola o un’intera sezioneCorregga un titolo o rifaccia da capo un hero, un menu o una tabella prezzi con un’unica richiesta. Ogni modifica compare separatamente, così tiene solo quelle che le servono.
  • JavaScript solo quando serveLa maggior parte dei test riguarda testi, stili e markup, ed è questo che scrive l’IA. Quando un test richiede un comportamento, per esempio qualcosa che reagisce a un clic o allo scorrimento, scrive anche il codice, che va approvato a parte.
  • L’IA legge la pagina al posto suoL’IA lavora su uno schema della pagina in cui si trova: la sua struttura e i suoi testi. Lei descrive il risultato, l’IA trova gli elementi da modificare. Niente selettori, niente sviluppatori.
  • Prima l’anteprima, poi il salvataggioLe modifiche proposte compaiono sulla vostra pagina in produzione, ognuna con la sua casella di spunta. Una volta applicate diventano modifiche ordinarie della variante, annullabili fino al salvataggio.
  • Test efficaci senza codiceChiunque sappia descrivere una pagina migliore può crearne la variante. L’IA risponde nella lingua in cui le scrive e lascia i testi della pagina nella loro lingua originale.
  • Conosce il costo in anticipoOgni richiesta consuma crediti IA, e il pannello ne mostra una stima prima che la invii. I valori dei moduli e i dati personali presenti nella pagina vengono mascherati prima di ogni invio.

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

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

Puntate un elemento, modificatelo o inserite un’intera sezione

L’editor si apre dal pannello laterale di Chrome, sul vostro sito live. Date stile a qualsiasi elemento nell’inspector, modificate il testo lì dove si trova oppure trascinate nella pagina un componente pronto che adotta i font e i colori del vostro sito. Ogni modifica viene salvata nella variante: nessuna pubblicazione, nessun ticket, nessuna copia di staging della pagina.

ComponentiContenuto dinamicoFeed di datiStati hover e focusTesto direttamente in paginaCSS/JS personalizzato
L’editor visuale su una pagina prodotto: il blocco Trust row viene trascinato dalla scheda Add e rilasciato sotto il pulsante di aggiunta al carrello, la sua riga di valutazione viene collegata alla valutazione e al numero di recensioni del prodotto presenti nella pagina, e la variante viene salvata.

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.

Una libreria di componenti in linea con il vostro sito

Hero, FAQ, righe di rassicurazioni, barre fisse, pop-up, colonne, video e slider, inseriti con un clic o trascinandoli. Ognuno prende i font e i colori del vostro sito dal punto in cui viene collocato, così un test può aggiungere una sezione invece di limitarsi a ricolorare un pulsante.

Lo crea una volta, e ogni pagina si riempie dei propri dati

Inserisca in una modifica la campagna del visitatore, un conto alla rovescia, il titolo della pagina stessa o, in un negozio, il nome e il prezzo del prodotto. Un solo banner accoglie ogni campagna con parole proprie, e se i dati mancano si nasconde invece di mostrare un segnaposto.

Feed di dati dai vostri sistemi

Colleghi un feed JSON o Google Merchant che il sito già pubblica, come recensioni, disponibilità o testi di campagna, e ne usi i campi in qualsiasi variante. I server di Pertento lo scaricano a intervalli programmati, così i visitatori non aspettano mai il vostro server, e vengono mostrati solo i campi che ha spuntato.

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 l’inspector non riesce a esprimere. Sono inclusi nel bundle creato per il vostro sito e vengono eseguiti prima che la pagina sia mostrata, così una modifica via script non provoca mai salti visibili.

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 propri test già integrati, così il runtime sa già cosa eseguire quando si carica e nulla attende una chiamata verso di noi prima che la pagina venga disegnata. Il loader nella vostra pagina pesa meno di 1 KB, e le funzionalità più pesanti, come i dati della pagina e i feed di dati, si caricano solo sui siti i cui test le usano. La pagina viene trattenuta per un istante mentre si applicano le modifiche, ed è questo che impedisce ai visitatori di vedere l’originale lampeggiare prima del test; viene poi mostrata da quattro percorsi di codice indipendenti, così in caso di guasto appare 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, stati hover e focus compresi, e intere sezioni si aggiungono da una libreria di componenti che adottano i font e i colori del vostro sito. Una modifica può contenere i dati della pagina stessa, come il prezzo di ciascun prodotto, o valori da un feed che il vostro sito già pubblica, e un selettore può applicarla a ogni elemento corrispondente. Potete anche descrivere la modifica a parole e lasciare che sia l’editor IA a proporla, con un’anteprima sulla pagina prima di salvare qualsiasi cosa. Oltre questo punto lo strumento si ferma in modo trasparente invece di fare le cose male: tutto ciò che l’inspector 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. Questi 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 nel suo head ed è attivo: un loader da 0,9 KB, 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.