Platforma · Eksperymenty
Eksperymenty na stronach z pomocą 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
Wskażcie stronę, opiszcie zmianę i przetestujcie ją na prawdziwych odwiedzających.
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.
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.
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.
Czy AI pomoże nam skonfigurować test?
Tak. Pertento AI pomaga w konfiguracji: opiszcie zmianę, którą chcecie przetestować, a edytor AI zbuduje wariant na waszej działającej stronie. Kiedy test się zakończy, Pertento AI wyjaśni wynik zwykłymi słowami, więc następna decyzja nie musi czekać na kogoś, kto umie czytać statystykę.
Wszystko, co jest w pakiecie
Pełny zestaw funkcji
Eksperymenty
- Edytor AI
- Wizualny edytor bez kodu
- Wizualne testy wielowariantowe
- Testy przekierowań URL
- Testy po stronie serwera
- SDK serwerowe
- Zabezpieczenie przed migotaniem
- Równoległe testy bez dzielenia ruchu
- Wdrożenie zwycięzcy jednym kliknięciem
- Kierowanie URL z siedmioma warunkami
- Potoki testów etapowych
- Plan czasu trwania testu
- 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 na urządzenia
- Kierowanie po ciasteczkach
- Kierowanie według aktywacji
- Wagi ruchu na wariant
- Automatyczne równoważenie wag
- Zrzuty ekranu wariantów
- Duplikowanie testu
- Próbne przebiegi przed startem
- Trwałe przypisanie wariantu
- Przekazanie do wdrożenia
- Śledzenie hipotez
- Punktacja priorytetów PXL
- Wyszukiwanie, filtr i wyniki w Library
- Oś czasu Library
Statystyka
- Wyniki frekwentystyczne
- Wyniki bayesowskie
- Testowanie sekwencyjne
- Alarmy niezgodności proporcji próby
- Zapytajcie o ten test
- Przychód na wariant
- Analiza mocy statystycznej
- Minimalny wykrywalny efekt
- Wzrost i przedziały ufności
- Poprawka na wielokrotne porównania
- Prawdopodobieństwo, że wariant jest najlepszy
- Oczekiwana strata
- Holm-Bonferroni, Benjamini-Hochberg i Šidák
- Cele główne i dodatkowe
- Średnia wartość zamówienia na wariant
- Wiele walut
- Projekcja pozostałych dni
- Raportowanie kombinacji
- Szereg czasowy na wariant
- Objaśnienia zwykłą polszczyzną
Monitoring
- Monitor zdrowia
- Kolejka uwagi na wszystkich kontach
- Raport programu
- Podsumowanie testu
- Zaplanowane starty i zatrzymania
- Zatrzymanie przy istotności
- Powiadomienia na Slacku
- Wykrywanie kolizji
- Bramki zaufania na zepsutych danych
- Role i uprawnienia
- Minimalny czas działania
- Wykrywanie zakłóceń
- Alarmy przeterminowania i braku danych
- Powiadomienia e-mail
- Powiadomienia w aplikacji
- Preferencje na zdarzenie
- Dziennik zdarzeń
- Widok portfolio klientów
- Zapisane układy konsoli
- Śledzenie GA4 i Matomo
Głos klienta
- NPS na witrynie
- CSAT
- CES
- Własne ankiety
- Analiza sentymentu AI
- Ankiety wewnątrz testów
- Wyniki według wariantu
- Wyzwalacz zamiaru wyjścia
- 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 przewijania
- Wyzwalacz zdarzenia
- Cztery pozycje widgetu
- Limit częstotliwości
- Wyniki dla każdego pytania
- Odpowiedzi w czasie
- Odpowiedzi powiązane z wariantem
- Walidowane odpowiedzi
- Tematy w wolnym tekście
- Eksport odpowiedzi
- Ładowana tylko tam, gdzie działa ankieta
Wnioski
- Karty wniosków
- Wzorce z wielu testów
- Zapytajcie o wasze wnioski
- Możliwości
- Utwórz szkic testu
- Siatka dowodów
- Pięć poziomów dowodów
- Skorygowane o wielokrotne porównania
- Scalone wzorce z tych samych testów
- Pomijanie testów z problemami
- Wyniki według urządzenia
- Kontrola podstaw
- Oznaczanie jako znane lub nieprzydatne
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 ↗