Piattaforma · Sperimentazione

Sperimentazione web potenziata dall’IA

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

Puntate sulla pagina, descrivete la modifica e testatela su visitatori reali.

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.
Tutto sull’editor IA

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.

01Una libreria di componenti in linea con il vostro sitoHero, 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.02Create una sola volta: ogni pagina mostra i propri datiInserisca 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.03Feed di dati dai vostri sistemiColleghi 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.04Cinque posizionamenti HTMLSostituire 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.05CSS e JavaScript personalizzatiPer 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.06Screenshot delle variantiCatturi e ritagli l’aspetto della variante dall’interno dell’editor. Un risultato letto sei mesi dopo, senza screenshot, è un elenco di selettori.07Duplicare un testCopia 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.08Prove prima del lancioProvi 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.
09Forzare una variante via URLAggiunga 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.

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 l’esecuzione simultanea 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.

L’IA può aiutarci a impostare un test?

Sì. Pertento AI vi aiuta nell’impostazione: descrivete la modifica che volete testare e l’editor IA realizza la variante sulla vostra pagina live. Quando il test si è concluso, Pertento AI ne spiega il risultato in parole semplici, così la decisione successiva non deve aspettare qualcuno che sappia leggere le statistiche.

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.

01 / Snippet

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.

Lo incolli prima di </head>
02 / Tag manager

Google Tag Manager

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

Lo aggiunga come tag HTML personalizzato
03 / Server

API server-side

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

Installi l’SDK
  • 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.Inizia la provaPrenota una demo