Platforma · Eksperymenty
Trzy typy testów, jeden edytor z wbudowanym AI
Wizualne testy wielowariantowe, przekierowania URL i testy po stronie serwera, uruchamiane prosto z rozszerzenia Chrome na waszej działającej witrynie. Opiszcie zmianę edytorowi AI albo wskażcie element i zmieńcie go sami, a potem zapiszcie wariant.
Jak działa test
Od hipotezy do wdrożonej zmiany
Kto to widzi, co uruchomić dalej i co dostaje zespół programistów, kiedy skończycie.
- Edytor AI, który tworzy zmiany na podstawie zwykłego opisu, edycja bez kodu i gotowe komponenty, a do tego własny CSS i JS
- Kierowanie według URL, urządzenia i ciasteczka, z trwałym przypisaniem, więc powracający odwiedzający widzą spójne doświadczenie
- Renderowanie z zabezpieczeniem przed migotaniem i czterema niezależnymi bezpiecznikami, więc odwiedzający nigdy nie zobaczą, jak oryginał mignie przed wersją testową
- Każdy kwalifikujący się odwiedzający wchodzi do każdego kwalifikującego się testu, więc dziesięć testów naraz nie uszczupla próby żadnego z nich
- Wdrożenie zwycięzcy jednym kliknięciem na 100% ruchu i przekazanie do wdrożenia dla zwycięzców wartych wpisania na stałe
- Śledzenie hipotez z punktacją priorytetów PXL do uporządkowania waszego backlogu
Edytor AI
Opiszcie zmianę i patrzcie, jak powstaje
Powiedzcie edytorowi zwykłymi słowami, czego chcecie, albo wskażcie element i zapytajcie. AI czyta stronę, proponuje zmiany i pokazuje ich podgląd na waszej działającej witrynie. Nic się nie zapisze, dopóki ich nie zastosujecie.
- Jedno słowo albo cała sekcjaPoprawcie jeden nagłówek albo jednym poleceniem przebudujcie całą sekcję hero, menu lub tabelę cen. Każda zmiana jest na liście osobno, więc zostawiacie tylko te, które chcecie.
- JavaScript tylko wtedy, gdy jest potrzebnyWiększość testów to zmiany w tekstach, stylach i markupie. Właśnie je pisze AI. Gdy test ma na coś reagować, na przykład na kliknięcie albo przewijanie, AI pisze też kod, a ten czeka na osobne zatwierdzenie.
- Czyta stronę za wasAI pracuje na zarysie strony, na której jesteście: na jej strukturze i tekstach. Wy opisujecie efekt, a AI znajduje elementy do zmiany. Bez selektorów i bez programisty.
- Podgląd, zanim cokolwiek się zapiszeProponowane zmiany pojawiają się na waszej działającej stronie, każda z własnym polem wyboru. Po zastosowaniu stają się zwykłymi zmianami w wariancie, które aż do zapisania można cofnąć.
- Mocne testy bez koduKto potrafi opisać lepszą stronę, ten zbuduje dla niej wariant. AI odpowiada w języku, w którym piszecie, a teksty na stronie zostawia w jej języku.
- Najpierw widzicie kosztKażde zapytanie zużywa kredyty AI, a panel pokazuje szacowany koszt jeszcze przed wysłaniem. Wartości z formularzy i dane osobowe na stronie są maskowane, zanim cokolwiek zostanie wysłane.
Kierowanie
Pokażcie to dokładnie tym, komu chcieliście
Trzy wymiary, łączone dla każdego testu: adres, urządzenie i ciasteczko, które wasza witryna już ustawia. Przypisanie jest trwałe, więc powracający odwiedzający zachowuje wariant, który dostał.
- Reguły URL z siedmioma warunkami, w tym regex i dwa warunki przeczące
- Komputer, telefon albo tablet, wykrywane zanim odwiedzający zostanie zakwalifikowany
- Kierowanie po ciasteczku dla ruchu zalogowanego albo segmentowanego, dopasowywane do listy wartości
- Trwałe przypisanie, przechowywane w pamięci przeglądarki, a nie w ciasteczku
- Wymuszenie dowolnego wariantu przez URL do przeglądu, bez konta testowego
Wdrażanie zwycięzcy
Jedno kliknięcie do 100%, albo przekazanie zespołowi programistów
Wdrażajcie zwycięski wariant na cały ruch bezpośrednio z ekranu wyników. Kiedy zmiana ma zamiast tego żyć w waszej bazie kodu, Pertento pisze przekazanie z dokładną zmianą.
- Wdrożenie jednym kliknięciem z zapisem, kto je wdrożył
- Przekazanie do wdrożenia z selektorem i zmianą
- Powrót do oryginału w każdej chwili
Priorytetyzacja
Backlog uporządkowany według wyniku PXL, nie według opinii
Zapiszcie każdą hipotezę, oceńcie ją według modelu PXL i pozwólcie rankingowi zdecydować, co uruchomić dalej. Trzy wyniki łączą się w jedną liczbę, bo backlog musi dać się uporządkować, a trzy liczby to dyskusja.
- Potencjał, ekspozycja i nakład pracy, każde ocenione od jednego do pięciu
- Połączone w jedną wagę od zera do dziesięciu, według której sortuje się lista
- Hipotezy powiązane z testem, który je sprawdził
- Szkic z najwyższym wynikiem na wierzchu, kiedy nic innego nie potrzebuje waszej uwagi
Wdrożenie
Przekażcie zwycięzcę zespołowi programistów, ze zmianą
Zwycięzca może być wydawany przez Pertento bez końca, ale większość zespołów w końcu chce mieć go w bazie kodu. Kolejka wdrożeń śledzi, którzy zwycięzcy wciąż działają na platformie, a którzy zostali już wpisani na stałe.
- Selektor i dokładna zmiana, gotowe do wklejenia
- Status dla każdego zwycięzcy: oczekuje, w toku, wpisany na stałe
- Test dalej działa, dopóki kod nie zostanie wdrożony
Potoki
Zdecydujcie o kolejności, potem przestańcie planować ręcznie
Potok to uporządkowana sekwencja etapów, a etap to zestaw testów działających razem. Testy, które by się zderzyły, trafiają do różnych etapów, a każdy etap działa po kolei na pełnym ruchu, czyli odwrotnie niż przy wzajemnym wykluczaniu testów i dzieleniu publiczności.
- Etapy uzbrajają się same po kolei, więc nic nie czeka, aż ktoś sobie o tym przypomni
- Przejście, kiedy wszystkie testy się zakończą, przy pierwszym istotnym wyniku, albo na sygnał od człowieka
- Etap uzbraja się w całości albo wcale, więc częściowo uruchomiony etap nigdy nie zostaje w działaniu
- Automatyzacja i automatyczne wdrożenie to osobne przełączniki, oba wyłączone, dopóki ich nie włączycie
- Przy wyłączonej automatyzacji silnik i tak zapisuje, co by zrobił, tym samym kodem
Edytor wizualny
Wskażcie element, zmieńcie go albo wstawcie całą sekcję
Edytor otwiera się w panelu bocznym Chrome, na waszej działającej witrynie. Stylujcie dowolny element w panelu właściwości, edytujcie tekst tam, gdzie się znajduje, albo przeciągnijcie gotowy komponent, który przejmuje czcionki i kolory waszej witryny. Każda zmiana zapisuje się w wariancie: bez wdrożenia, bez zgłoszenia, bez kopii strony w środowisku testowym.
- Biblioteka komponentówSekcje hero, FAQ, rzędy elementów budujących zaufanie, przyklejone paski i pop-upy, wstawiane kliknięciem albo przeciągnięciem, w stylu waszej witryny.
- Treści dynamiczneJedna zmiana, a każda strona wypełnia się własnymi danymi kampanii, odwiedzającego, produktu albo koszyka.
- Feedy danychOpinie, terminy wydarzeń albo teksty kampanii z feedu, który już publikujecie, pobierane przez nasze serwery.
- Stany hover, focus i activeStany interaktywne stylowane w panelu właściwości, obok każdej właściwości CSS, jaką zna przeglądarka.
- Edycja tekstu w miejscuKliknijcie dwukrotnie dowolny tekst na stronie, żeby go zmienić. Do dyspozycji macie pogrubienie, kursywę i podkreślenie.
- Każdy pasujący elementSelektor zmienia każdy pasujący element, także te, które wczytują się później.
- Zmiany opisane prostymi słowamiMoved, Added button, Heading text: każda edycja na liście, z niezawodnym cofaniem.
- Podgląd na dowolnym telefonieLink do udostępnienia otwiera zapisany wariant na prawdziwym telefonie albo w innej przeglądarce.
- Kod, kiedy go potrzebujecieHTML, CSS i JavaScript na wariancie, korzystające z tych samych danych strony.
Budowanie testu
Elementy, dzięki którym drugi test jest tańszy niż pierwszy
Większość czasu programu nie idzie w pierwszy test. Idzie w odtwarzanie konfiguracji, sprawdzanie wariantu przed publikacją i prowadzenie zapisu, który ktoś przeczyta za rok.
Biblioteka komponentów dopasowana do waszej witryny
Sekcje hero, FAQ, rzędy elementów budujących zaufanie, przyklejone paski, pop-upy, kolumny, wideo i slidery, wstawiane kliknięciem albo przeciągnięciem. Każdy z nich przejmuje czcionki i kolory witryny z miejsca, do którego trafia, więc test może dodać sekcję, a nie tylko przemalować przycisk.
Zbudujcie raz, a każda strona wypełni się własnymi danymi
Umieśćcie w zmianie kampanię odwiedzającego, odliczanie, własny nagłówek strony albo, w sklepie, nazwę i cenę produktu. Jeden baner wita każdą kampanię jej własnymi słowami, a brak danych go ukrywa, zamiast pokazywać tekst zastępczy.
Feedy danych z waszych własnych systemów
Podłączcie feed JSON albo Google Merchant, który witryna już publikuje, na przykład z opiniami, stanami magazynowymi albo tekstami kampanii, i używajcie jego pól w dowolnym wariancie. Serwery Pertento pobierają go według harmonogramu, więc odwiedzający nigdy nie czekają na wasz serwer, a pokazywane są wyłącznie pola, które zaznaczycie.
Pięć miejsc wstawienia HTML
Zamieńcie element, wstawcie coś w jego środku na początku albo na końcu, albo umieśćcie markup przed nim lub po nim. Zmiany struktury dają się opisać jedną linią, i to właśnie pozwala je później przejrzeć.
Własny CSS i JavaScript
Dla każdego wariantu, na wszystko, czego panel właściwości nie potrafi wyrazić. Trafia do bundle zbudowanego dla waszej witryny i działa, zanim strona zostanie odsłonięta, więc zmiana wprowadzona skryptem nigdy nie wygląda jak skok.
Zrzuty ekranu wariantów
Uchwyćcie i przytnijcie to, jak wariant wyglądał, prosto z edytora. Wynik czytany pół roku później jest bez tego listą selektorów.
Duplikowanie testu
Kopiuje warianty, każdą zmianę na nich, zrzuty ekranu i wszystkie trzy rodzaje kierowania. Ręczne odtwarzanie konfiguracji to właśnie moment, w którym na produkcję trafia zła reguła kierowania.
Próbne przebiegi przed startem
Przećwiczcie cały łańcuch na prawdziwym runtime jako oznaczony test, a potem go usuńcie. Nic, co zebrała próba, nigdy nie musi być potem tłumaczone w raporcie.
Wymuszenie wariantu przez URL
Dodajcie parametr do dowolnego adresu, żeby przypiąć się do konkretnego wariantu albo zobaczyć jeden wariant przy wszystkim innym trzymanym w oryginale. Przegląd na oko nie wymaga konta testowego.
Podczas działania
Co runtime robi na stronach waszych odwiedzających
Wszystko poniżej rozstrzyga się w przeglądarce, na podstawie pliku skompilowanego wyłącznie dla waszej witryny. Przed wyrenderowaniem strony nie ma żadnego wywołania do Pertento i nic nie czeka na odpowiedź, żeby zdecydować, co widzi odwiedzający.
Współbieżność nic was nie kosztuje
Każdy kwalifikujący się odwiedzający wchodzi do każdego kwalifikującego się testu, więc każdy z dziesięciu działających testów dostaje pełną publiczność, a nie jej dziesiątą część. Powód, dla którego większość programów prowadzi jeden test naraz, tu nie obowiązuje.
Wagi, które zawsze się sumują
Podziały zapisywane są w punktach bazowych na dziesięć tysięcy i sprawdzane, czy sumują się dokładnie, więc test na trzy warianty to naprawdę trzy równe trzecie, a nie trzy zaokrąglenia i luka.
Automatyczne równoważenie
Podział, który faktycznie dostał każdy wariant, jest mierzony i korygowany według harmonogramu, więc narastający przydział zbiega do tego, który skonfigurowaliście, zamiast od niego odpływać.
Trwałe przypisanie, bez ciasteczek
Odwiedzający zostaje z wariantem, który dostał, trzymanym w pamięci przeglądarki, a nie w ciasteczku. Spójność jest wymogiem poprawności, zanim będzie uprzejmością.
Zabezpieczenie przed migotaniem z czterema bezpiecznikami
Strona jest ukryta, kiedy zmiany są nakładane, i odsłaniana z czterech niezależnych ścieżek kodu. Awaria, przed którą to chroni, to witryna klienta pozostawiona pusta dla jego własnych odwiedzających.
Żadnego zapytania przed renderowaniem
Konfiguracja każdej witryny jest kompilowana do własnego statycznego pliku, więc runtime już przy wczytaniu wie, co uruchomić. Nic nie czeka na wywołanie API, żeby zdecydować, co widzi odwiedzający.
Pytania
O co zespoły pytają, zanim przejdą
Jak szybko możemy mieć działający test?
Jeden skrypt w head to cała instalacja i jedyna zmiana na waszej witrynie. Dalej wariant buduje się, wskazując elementy na waszych działających stronach, więc pierwszy test ogranicza tylko to, ile czasu zajmie wam decyzja, co testować, a nie cokolwiek, co trzeba zakupić, zbudować albo zaplanować. Nic nie zostanie opublikowane przypadkiem, kiedy się uczycie: nowy test jest szkicem, dopóki go nie uruchomicie.
Czy to spowolni witrynę albo pogorszy nasze Core Web Vitals?
Każda witryna dostaje własny skompilowany plik z wpisanymi w niego testami, więc runtime już przy wczytaniu wie, co uruchomić, i nic nie czeka na wywołanie do nas, zanim strona się wyrenderuje. Loader na waszej stronie ma poniżej 1 KB, a cięższe funkcje, takie jak dane ze strony i feedy danych, wczytują się tylko na witrynach, których testy z nich korzystają. Na czas nakładania zmian strona jest na moment wstrzymana i właśnie dlatego odwiedzający nie zobaczą, jak oryginał mignie przed wersją testową. Odsłaniają ją cztery niezależne ścieżki kodu, więc w razie awarii pojawia się niezmieniona strona, a nie pusta. Śledzenie wczytuje się na końcu, kiedy strona jest już widoczna, więc pomiar nigdy nie opóźnia renderowania.
Co edytor naprawdę potrafi zmienić i gdzie się zatrzymuje?
Tekst, styl, układ i pozycję edytuje się wskazywaniem, łącznie ze stanami hover i focus, a całe sekcje dodaje się z biblioteki komponentów, które przejmują czcionki i kolory waszej witryny. Zmiana może zawierać dane samej strony, na przykład cenę każdego produktu, albo wartości z feedu, który już publikujecie, a selektor może zastosować ją do każdego pasującego elementu. Możecie też opisać zmianę zwykłymi słowami i pozwolić, by edytor AI ją zaproponował, z podglądem na stronie, zanim cokolwiek zostanie zapisane. Dalej narzędzie nie zawodzi, tylko uczciwie stawia granicę: wszystko, czego panel właściwości nie potrafi wyrazić, piszecie jako własny CSS albo JavaScript na wariancie, więc test nigdy nie utknie z powodu narzędzia. Prawdziwą granicą jest zmiana, która dzieje się, zanim strona powstanie: ranking, logika cen, model rekomendacji. To testy po stronie serwera i do nich potrzebni są wasi programiści.
Ile testów możemy prowadzić jednocześnie?
Tyle, ile macie pomysłów, i to jest ta odpowiedź, którą warto porównać z tym, czego używacie dziś. Każdy test losuje niezależnie, więc kwalifikujący się odwiedzający wchodzi do każdego testu, do którego się kwalifikuje, a każdy z nich mierzy wobec pełnej kwalifikującej się publiczności. Współbieżność nie dzieli tu waszej próby, i dlatego platforma sprawdza, czy dwa testy nie będą sobie przeszkadzać, zamiast racjonować, ile może działać. Tempo zwykle decyduje o różnicy między programem, który się opłaca, a takim, który nie.
Co stanie się z pracą, jeśli przestaniemy korzystać z Pertento?
Zwycięzcy, których wpisaliście na stałe, są już w waszej bazie kodu i nikt ich nie rusza, i właśnie do tego popycha was kolejka wdrożeń: wypisuje każdego zwycięzcę, którego wciąż wydajemy my, i oznacza go, dopóki wasi programiści nie będą mieli miejsca. Zwycięzcy nadal wydawani przez platformę zatrzymują się, kiedy ona się zatrzyma, tak samo jak zatrzymuje się każdy wariant. Testy, hipotezy i zapisana historia zostają na koncie, a nie w naszych narzędziach.
Wszystko, co jest w pakiecie
Pełny zestaw funkcji
Eksperymenty
- Wizualne testy wielowariantowe
- Testy przekierowań URL
- Testy po stronie serwera
- Wizualny edytor bez kodu
- Edytor AI
- Uruchamianie z rozszerzenia Chrome
- Biblioteka komponentów
- Treści dynamiczne
- Feedy danych
- Własny CSS i JS
- Zamień, wstaw, dołącz, przed i po
- Kierowanie URL z siedmioma warunkami
- Kierowanie na urządzenia
- Kierowanie po ciasteczkach
- Kierowanie według aktywacji
- Wagi ruchu na wariant
- Automatyczne równoważenie wag
- Równoległe testy bez dzielenia ruchu
- Zrzuty ekranu wariantów
- Duplikowanie testu
- Próbne przebiegi przed startem
- Trwałe przypisanie wariantu
- Zabezpieczenie przed migotaniem
- Wdrożenie zwycięzcy jednym kliknięciem
- Przekazanie do wdrożenia
- Śledzenie hipotez
- Punktacja priorytetów PXL
- Plan czasu trwania testu
- Potoki testów etapowych
- Wyszukiwanie, filtr i wyniki w Library
- Oś czasu Library
Statystyka
- Wyniki frekwentystyczne
- Wyniki bayesowskie
- Wzrost i przedziały ufności
- Prawdopodobieństwo, że wariant jest najlepszy
- Oczekiwana strata
- Testowanie sekwencyjne
- Poprawka na wielokrotne porównania
- Holm-Bonferroni, Benjamini-Hochberg i Šidák
- Alarmy niezgodności proporcji próby
- Cele główne i dodatkowe
- Przychód na wariant
- Średnia wartość zamówienia na wariant
- Wiele walut
- Analiza mocy statystycznej
- Minimalny wykrywalny efekt
- Projekcja pozostałych dni
- Raportowanie kombinacji
- Szereg czasowy na wariant
- Objaśnienia zwykłą polszczyzną
- Zapytajcie o ten test
Monitoring
- Monitor zdrowia
- Kolejka uwagi na wszystkich kontach
- Raport programu
- Podsumowanie testu
- Zaplanowane starty i zatrzymania
- Zatrzymanie przy istotności
- Minimalny czas działania
- Bramki zaufania na zepsutych danych
- Wykrywanie kolizji
- Wykrywanie zakłóceń
- Alarmy przeterminowania i braku danych
- Powiadomienia e-mail
- Powiadomienia na Slacku
- Powiadomienia w aplikacji
- Preferencje na zdarzenie
- Dziennik zdarzeń
- Widok portfolio klientów
- Zapisane układy konsoli
- Śledzenie GA4 i Matomo
- Role i uprawnienia
Głos klienta
- NPS na witrynie
- CSAT
- CES
- Własne ankiety
- Kreator ankiet z przewodnikiem
- Pytania z oceną, wyborem i tekstem
- Własne teksty i etykiety skali
- Kierowanie na strony i urządzenia
- Odsetek odwiedzających
- Wyzwalacz wyświetlenia i opóźnienia
- Wyzwalacz zamiaru wyjścia
- Wyzwalacz przewijania
- Wyzwalacz zdarzenia
- Cztery pozycje widgetu
- Limit częstotliwości
- Wyniki dla każdego pytania
- Odpowiedzi w czasie
- Analiza sentymentu AI
- Ankiety wewnątrz testów
- Wyniki według wariantu
- Odpowiedzi powiązane z wariantem
- Walidowane odpowiedzi
- Tematy w wolnym tekście
- Eksport odpowiedzi
- Ładowana tylko tam, gdzie działa ankieta
Pertento to platforma do optymalizacji współczynnika konwersji dla stron i sklepów internetowych, zbudowana zarówno dla zespołów wewnętrznych, jak i dla agencji CRO prowadzących programy eksperymentowania w całym portfolio klientów.
Integracje
Działa z technologiami, których już używacie
Jeden fragment kodu pasuje do każdej witryny, możecie też przejść w całości na stronę serwera. Nic do przebudowy.
Jedna linijka kodu
Wklejcie w head jeden tag i gotowe: loader o wadze 0,9 KB, bez kompilacji, bez zależności.
Google Tag Manager
Wdrażajcie testy i zarządzajcie nimi prosto przez GTM. Czas programistów niepotrzebny.
API po stronie serwera
Uruchamiajcie testy poza przeglądarką: ceny, wyszukiwanie i routing, bez migotania.
- 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
Nie ma na liście? Jeśli to renderuje HTML, Pertento może to przetestować:przeczytajcie, jak łączy się każda z nich.