+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 Shoper lupa na każdym kafelku, która otwiera resztę katalogu
Klient wchodzi w kategorię, widzi pierścionek, który prawie mu się podoba, i na tym często kończy. Witly dokłada na każdym kafelku w Twoim sklepie Shoper małą lupę. Jedno kliknięcie i obok listy wysuwa się panel z produktami podobnymi z wyglądu i z opisu, z filtrami i zawężeniami jednym kliknięciem.
- Instalacja z Shoper App Store, bez edycji szablonu i bez wklejania kodu.
- Lista i karta produktu
- lupa na kafelkach, przycisk na karcie
- Ten sam typ produktu
- pierścionki z pierścionkami
- Własne zdjęcie klienta
- szukanie po obrazku, gdy masz wyszukiwanie zdjęciem
- Testy A/B w panelu
- mierzone na konwersji
problem
Klient widzi jeden produkt, a reszta katalogu czeka w kategoriach i filtrach
Lista w sklepie Shoper pokazuje to, co akurat wypadło na pierwszej stronie. Jeśli klientowi podoba się kształt pierścionka, ale chciałby go w złocie albo trochę taniej, musi sam zgadnąć, którą podkategorię otworzyć i które filtry zaznaczyć. Większość nie zgaduje, tylko wychodzi. Produkty podobne odwracają kierunek: klient wskazuje to, co mu się podoba, a sklep sam wyciąga z katalogu resztę w tym samym stylu.
jak to działa
Jak działa wyszukiwanie wizualne w sklepie Shoper
Bez wiązania produktów w panelu Shoper i bez reguł do utrzymania. Podstawą jest ProductDNA, które Witly liczy dla całego katalogu.
- 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
Co klient widzi po kliknięciu lupy
Panel jest małym sklepem w sklepie: pokazuje produkty podobne do tego jednego, a klient zawęża je tak, jak zawężałby wyniki wyszukiwania.
- 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
Dlaczego dobór po wyglądzie
Przy biżuterii i modzie o zakupie decyduje to, jak rzecz wygląda. Duże serwisy sprawdziły to na własnym ruchu.
Ten sam pomysł na Twoich kafelkach
Witly analizuje zdjęcie i opis każdego produktu w sklepie, więc lupa podsuwa rzeczy w tym samym stylu, a nie tylko z tej samej kategorii.
szablon Shoper
Na Twoich listach, w Twoim stylu
Lupa pojawia się na listach, które Twój sklep Shoper już ma. Nie budujesz nowych stron ani nowych sekcji.
Na kafelkach kategorii i wyników wyszukiwania
Lupa trafia na każdy kafelek produktu w kategoriach i na stronach wyników wyszukiwania sklepu. W okienku wyszukiwarki Witly jej nie ma, żeby nie dublować przycisków.
Przycisk tylko tam, gdzie ma sens
Na karcie produktu przycisk „Podobne produkty” pojawia się wyłącznie wtedy, gdy produkt ma podobne, więc nie prowadzi do pustego panelu.
Róg zdjęcia albo selektor
W standardowym układzie wybierasz róg zdjęcia. Jeśli Twój szablon Shoper ma przerobione kafelki, wskazujesz miejsce lupy selektorem CSS.
w panelu Witly
Ty decydujesz, gdzie i kiedy klienci to zobaczą
Wszystko ustawiasz w panelu Witly: Aplikacje → Mikro aplikacje → Produkty podobne. Zanim lupę zobaczą klienci, możesz obejrzeć ją sam na swoim szablonie.
- 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
Uruchomienie w sklepie Shoper
Aplikacja z Shoper App Store, nocne ProductDNA i włączenie w panelu Witly. Kodu nie dotykasz na żadnym etapie.
- 1Shoper App Store
Instalacja jednym kliknięciem
Instalujesz Witly z Shoper App Store, bez edycji szablonu i bez wklejania kodu.
- 2pierwsza noc
ProductDNA dla katalogu
Witly synchronizuje katalog i w nocy liczy ProductDNA. Produkty dodane później dostają podobne po kolejnym nocnym przeliczeniu.
- 3podgląd
Sprawdzasz na swoim szablonie
Włączasz wyszukiwanie wizualne w trybie podglądu, oglądasz lupę przez link podglądu i poprawiasz róg albo selektor, jeśli trzeba.
- 4publikacja
Włączasz dla klientów
Jednym przełącznikiem udostępniasz lupę wszystkim albo puszczasz test A/B i patrzysz, jak zmienia się konwersja.
pytania
FAQ: wyszukiwanie wizualne w sklepie Shoper
Czym wyszukiwanie wizualne różni się od „produktów powiązanych” w Shoperze?
Produkty powiązane wskazujesz ręcznie na karcie produktu. Wyszukiwanie wizualne Witly dobiera produkty samo, na podstawie zdjęcia i opisu każdego produktu, i pokazuje je w osobnym panelu, który klient otwiera lupą prosto z listy, bez wchodzenia na kartę produktu.
Gdzie w sklepie Shoper pojawi się lupa?
Na kafelkach produktów w kategoriach i na stronach wyników wyszukiwania sklepu, w wybranym rogu zdjęcia albo w miejscu wskazanym selektorem CSS. Na karcie produktu pojawia się przycisk „Podobne produkty”, ale tylko wtedy, gdy dany produkt ma podobne.
Czy panel z podobnymi produktami pokaże mi kolczyki przy pierścionku?
Nie. Dobór działa w obrębie tego samego typu produktu: przy pierścionku pokazujemy pierścionki, przy kolczykach kolczyki. Z jednej rodziny wariantów trafia do wyników jeden produkt, a te, które można kupić, są na początku.
Skąd się biorą przyciski „Kruszec: złoto” albo „Tańsze”?
Zawężenia powstają z cech oglądanego produktu, np. ten sam kruszec, ta sama próba albo ta sama marka. „Tańsze” zostawia produkty tańsze co najmniej o 1 zł. Przycisk i filtr w panelu bocznym to ten sam filtr, więc klient może go włączać i wyłączać w obu miejscach.
Czy mogę najpierw sprawdzić, jak to wygląda na moim szablonie?
Tak. Tryb podglądu pokazuje lupę tylko osobom, które wejdą przez link podglądu. Klienci zobaczą ją dopiero, kiedy wyłączysz podgląd.
Kiedy nowy produkt dostanie podobne?
Po najbliższym nocnym przeliczeniu ProductDNA. Witly liczy je co noc dla całego katalogu, więc nie musisz niczego uruchamiać ręcznie.
Pokaż klientom resztę swojego katalogu Shoper
Lupa na każdym kafelku, panel z podobnymi produktami i zawężenia jednym kliknięciem. Instalacja z Shoper App Store, włączenie w panelu Witly.
Kontakt: hello@witly.ai