+14%zakupów
W sekcji „podobne produkty” oparcie doboru na wyglądzie. Klient kupuje chętniej, kiedy widzi rzeczy faktycznie pasujące stylem do tej, którą właśnie ogląda.
Wyszukiwanie wizualne dla sklepów PrestaShop skrót przez nawigację warstwową prosto do tego, co klient lubi
W dużym sklepie PrestaShop klient ma do dyspozycji kilkanaście filtrów i kilkadziesiąt stron listy. Zamiast kazać mu je przeklikiwać, Witly daje mu lupę na kafelku. Klient wskazuje lampę, która mu się podoba, a z prawej wysuwa się panel z lampami podobnymi z wyglądu i z opisu, gotowymi do zawężenia jednym kliknięciem.
- Moduł PrestaShop, bez edycji motywu i bez wklejania kodu do szablonu.
- Obok nawigacji warstwowej
- własne filtry w panelu
- Liczone poza sklepem
- otwarcie panelu nie obciąża MySQL
- Jeden produkt z rodziny
- zamiast ośmiu kolorów tego samego
- Podgląd przed publikacją
- lupę widzisz najpierw sam
problem
Nawigacja warstwowa pyta o parametry, a klient myśli obrazem
Filtry PrestaShop świetnie działają, kiedy klient wie, czego szuka: gwint E27, średnica 40 cm, kolor czarny. Ale kto ogląda lampy do jadalni, zwykle wie tylko, że podoba mu się ta jedna kopuła. Żeby znaleźć do niej podobne, musiałby przetłumaczyć wygląd na zestaw filtrów i przeskakiwać między kategoriami. Lupa robi to tłumaczenie za niego: punktem wyjścia jest produkt, nie formularz.
jak to działa
Jak działa wyszukiwanie wizualne w PrestaShop
Całą pracę wykonuje infrastruktura Witly. Twój sklep dostaje gotowy panel, a baza danych nie dostaje nowych zapytań o podobieństwo.
- 01co noc
ProductDNA całego katalogu
AI ogląda zdjęcie i czyta opis każdego produktu. Z tego powstaje ProductDNA: zapis wyglądu, materiału, stylu i przeznaczenia. Liczy się w nocy, bez Twojej pracy.
- 02lupa
Klient klika lupę na kafelku
Lupa siedzi w rogu zdjęcia na liście produktów. Na karcie produktu jest przycisk „Podobne produkty”, widoczny tylko wtedy, gdy produkt faktycznie ma podobne.
- 03ten sam typ
Dobór w obrębie typu produktu
Przy pierścionku pierścionki, przy lampie lampy, przy krześle krzesła. Z rodziny wariantów pokazujemy jeden produkt zamiast ośmiu kolorów tego samego, a dostępne do kupienia idą na początek.
- 04panel
Wyniki obok listy, nie zamiast niej
Panel wysuwa się z prawej, a lista, którą klient przeglądał, zostaje widoczna obok. Zamknięcie panelu wraca dokładnie tam, gdzie klient był.
Wyszukiwanie wizualne korzysta z ProductDNA Twojego sklepu, które Witly przelicza co noc. Nowy produkt dostaje podobne po najbliższym nocnym przeliczeniu. Więcej o samym mechanizmie: jak działa ProductDNA.
co widzi klient
Panel, który zastępuje przeklikiwanie filtrów
Klient zaczyna od jednego produktu, a dalej zawęża wyniki jak w porządnej wyszukiwarce: ceną, cechami i sortowaniem.
- 1
„Podobne do:” i zawężenia jednym kliknięciem
Na górze nazwa produktu, od którego klient zaczął, a pod nią przyciski z jego własnych cech: ten sam kruszec, ta sama próba, ta sama marka. Do tego „Tańsze”.
- 2
Filtry jak w wyszukiwarce Witly
Histogram cen z suwakiem o dwóch uchwytach i polami od-do, filtry cech z liczbą produktów. Przycisk zawężenia i filtr w panelu bocznym to ten sam filtr, więc nic się nie rozjeżdża.
- 3
Sortowanie i przewijanie bez końca
Najbardziej podobne, cena rosnąco albo malejąco. Kolejne produkty dochodzą przy przewijaniu, bez klikania w numery stron.
- 4
Prześlij własne zdjęcie
Klient wgrywa dowolne zdjęcie, np. zrzut z Instagrama, i dostaje najbardziej podobne produkty z Twojego katalogu, z każdej kategorii. Przycisk jest widoczny, gdy w sklepie działa wyszukiwanie zdjęciem Witly. Jeśli masz skonfigurowany Turnstile, przed wysłaniem pojawia się captcha.
- 5
Na telefonie cały ekran
Panel zajmuje cały ekran, a filtry otwierają się w arkuszu od dołu z przyciskiem „Pokaż X produktów”, żeby klient widział, ile zostanie po zawężeniu.
- Czcionki i kolory z motywu Witly Twojego sklepu, narożniki proste albo zaokrąglone, tak jak w motywie
- Izolacja w Shadow DOM: panel nie psuje szablonu, szablon nie psuje panelu
- Wyniki w pamięci podręcznej: zmiana filtra to jedno szybkie zapytanie, ponowne otwarcie tego samego produktu jest natychmiastowe
- Lupa nigdy nie pojawia się w okienku wyszukiwarki Witly
dlaczego wygląd
Wygląd sprzedaje lepiej niż sama kategoria
Dobór podobnych produktów po wyglądzie to nie eksperyment. Serwisy, które żyją z rekomendacji, publicznie opisały, co im dał.
Ten sam mechanizm w Twoim sklepie
Witly czyta zdjęcie i opis każdego produktu, więc wyniki w panelu trzymają styl oglądanej rzeczy, a nie tylko jej kategorię czy parametry.
duży katalog na PrestaShop
Zaprojektowane pod rozbudowane sklepy
Im większy katalog i głębsze drzewo kategorii, tym więcej produktów klient nigdy nie zobaczy. Tam lupa robi największą różnicę.
Podobieństwo liczone po stronie Witly
ProductDNA i dobór podobnych produktów działają na infrastrukturze Witly. Otwarcie panelu nie wysyła zapytań do Twojego MySQL, nawet gdy klienci robią to setki razy dziennie. Katalog Witly pobiera przez API w nocnej synchronizacji.
Nie rusza Twoich filtrów
Panel ma własne filtry: histogram cen i cechy z liczbą produktów. Moduł nawigacji warstwowej i jego konfiguracja zostają dokładnie takie, jakie są.
Bez ośmiu kolorów tej samej lampy
Z jednej rodziny wariantów do wyników trafia jeden produkt. Klient widzi różne lampy, a nie ten sam klosz w kolejnych kolorach. Produkty dostępne do kupienia idą na początek.
Róg zdjęcia albo selektor CSS
Lupę stawiasz w wybranym rogu zdjęcia kafelka. Przy motywie z nietypową strukturą kafelka wskazujesz miejsce selektorem CSS, a panel i tak renderuje się w Shadow DOM.
w panelu Witly
Kontrola po Twojej stronie, decyzja na podstawie danych
W panelu Witly (Aplikacje → Mikro aplikacje → Produkty podobne) włączasz osobno listę i kartę produktu, oglądasz wszystko w trybie podglądu i puszczasz test A/B mierzony na konwersji.
- dwa miejsca osobno
Listę i kartę produktu włączasz niezależnie
Możesz zacząć od samej lupy na liście, a przycisk na karcie produktu dołożyć później. Albo odwrotnie.
- pozycja
Róg zdjęcia albo selektor CSS
Wybierasz jeden z czterech rogów zdjęcia na kafelku. Jeśli szablon ma nietypowy układ, wskazujesz miejsce selektorem CSS.
- podgląd
Najpierw Ty, potem klienci
W trybie podglądu lupę widzi tylko ktoś, kto wejdzie przez link podglądu. Sprawdzasz wygląd na swoim szablonie i dopiero wtedy włączasz dla wszystkich.
- testy A/B
Decyzja na podstawie konwersji
Każdy test z panelu obok dzieli ruch na dwie grupy i porównuje konwersję. Wynik, a nie przeczucie, decyduje, gdzie lupa zostaje.
uruchomienie
Wdrożenie: moduł PrestaShop
Instalujesz Witly jak każdy inny moduł. Resztę, czyli ProductDNA katalogu i lupę na listach, przygotowuje Witly.
- 1instalacja modułu
Jak każdy inny moduł
Wgrywasz i włączasz moduł w panelu PrestaShop, bez edycji motywu i bez wklejania kodu do szablonu.
- 2indeksowanie katalogu
ProductDNA w nocy
Witly indeksuje katalog i w nocy liczy ProductDNA dla każdego produktu. Nowe produkty dostają podobne po kolejnym nocnym przeliczeniu.
- 3podgląd
Test na własnym motywie
Włączasz tryb podglądu, wchodzisz przez link podglądu i sprawdzasz lupę na kategoriach i wynikach wyszukiwania oraz przycisk „Podobne produkty” na karcie produktu.
- 4test A/B
Publikacja albo test
Udostępniasz lupę wszystkim albo części ruchu w teście A/B i porównujesz konwersję obu grup.
pytania
FAQ: moduł wyszukiwania wizualnego dla PrestaShop
Czy wyszukiwanie wizualne obciąży mój serwer PrestaShop?
Nie w sposób, który odczujesz. ProductDNA i dobór podobnych produktów liczy Witly na swojej infrastrukturze, a wyniki są trzymane w pamięci podręcznej. Ponowne otwarcie tego samego produktu jest natychmiastowe, a zmiana filtra to jedno szybkie zapytanie do Witly, nie do Twojej bazy.
Czy panel koliduje z modułem nawigacji warstwowej?
Nie. Panel ma własne filtry i renderuje się w Shadow DOM. Twoja nawigacja warstwowa, jej filtry i ustawienia zostają bez zmian.
Co z produktami, które mam w wielu kolorach jako osobne pozycje?
Z jednej rodziny wariantów do wyników trafia jeden produkt, więc klient nie dostaje listy złożonej z tego samego produktu w ośmiu kolorach. Produkty dostępne do kupienia są pokazywane w pierwszej kolejności.
Mam mocno przerobiony motyw. Gdzie pojawi się lupa?
Domyślnie w wybranym rogu zdjęcia na kafelku produktu. Jeśli struktura kafelka jest nietypowa, wskazujesz miejsce selektorem CSS. Przed publikacją sprawdzasz efekt w trybie podglądu, który widzi tylko osoba z linkiem podglądu.
Czy mogę zmierzyć, czy lupa zwiększa sprzedaż?
Tak. W panelu Witly są gotowe testy A/B: lupa na liście kontra brak lupy, przycisk na karcie produktu kontra brak przycisku oraz sama lista kontra lista z kartą produktu. Wynik mierzymy na konwersji.
Czy klient może szukać po własnym zdjęciu?
Tak. W panelu jest przycisk „Prześlij własne zdjęcie”. Klient wgrywa dowolne zdjęcie i dostaje najbardziej podobne produkty z całego katalogu. Przycisk jest widoczny, gdy w sklepie działa wyszukiwanie zdjęciem Witly. Jeśli masz skonfigurowany Turnstile, przed wysłaniem pojawia się captcha.
Daj klientom skrót przez Twój katalog PrestaShop
Klient wskazuje produkt, który mu się podoba, a Witly pokazuje resztę w tym samym stylu. Liczone poza Twoim serwerem, sprawdzone w podglądzie, zmierzone w teście A/B.
Kontakt: hello@witly.ai