+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 WooCommerce od jednego krzesła do całej kolekcji w tym samym stylu
Klienci sklepów na WordPressie często przychodzą z inspiracji: z wpisu na blogu, z Pinteresta, ze zdjęcia znajomych. Witly daje im dwie drogi do produktu. Lupa na kafelku pokazuje rzeczy podobne do tego, co już widzą w Twoim sklepie WooCommerce, a przycisk „Prześlij własne zdjęcie” szuka w katalogu tego, co mają w telefonie.
- Zwykła wtyczka WordPress, bez snippetów w functions.php i bez edycji szablonów.
- Szukanie po zdjęciu
- klient wgrywa inspirację, dostaje Twoje produkty
- Shadow DOM
- motyw i builder bez zmian
- Liczone poza WordPressem
- otwarcie panelu bez WP_Query
- Telefon na pełnym ekranie
- filtry w arkuszu od dołu
problem
Klient ma w głowie styl, a sklep pokazuje mu kategorie
W sklepie WooCommerce krzesło z dębu może siedzieć w „Krzesłach”, w „Jadalni” i w „Nowościach”, a podobne do niego rozkładają się po kolejnych stronach archiwum. Klient, który zakochał się w jednym oparciu, nie ma jak poprosić sklepu o „więcej takich”. Lupa daje mu ten przycisk: wskazuje produkt albo wgrywa swoje zdjęcie i od razu widzi rzeczy w tym samym duchu.
jak to działa
Jak działa wyszukiwanie wizualne w WooCommerce
Wtyczka podłącza sklep, a całe liczenie podobieństwa odbywa się po stronie Witly. WordPress tylko wyświetla gotowy panel.
- 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, w którym klient przegląda styl, a nie kategorie
Wyniki są podobne z wyglądu i opisu do produktu, od którego klient zaczął. Zawęża je cechami, ceną i sortowaniem, a na telefonie dostaje cały ekran.
- 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
Ludzie kupują oczami
Przy meblach i wyposażeniu wnętrz o wyborze decyduje to, jak rzecz wygląda. Dobór po wyglądzie sprawdziły już serwisy z ogromnym ruchem.
Ten sam mechanizm na Twoim WordPressie
Witly analizuje zdjęcie i opis każdego produktu, dzięki czemu panel podsuwa rzeczy w tym samym stylu, nawet jeśli w sklepie leżą w różnych kategoriach.
WordPress
Wpasowane w motyw, niewidoczne dla serwera
Na WordPressie liczy się to, czy nowa funkcja nie popsuje motywu i nie spowolni sklepu. Wyszukiwanie wizualne projektowaliśmy z myślą o obu tych rzeczach.
Motyw i builder bez zmian
Panel renderuje się w Shadow DOM, więc style motywu i page buildera nie wchodzą do środka, a style panelu nie wyciekają na stronę. Czcionki i kolory bierze z motywu Witly Twojego sklepu.
Liczone poza WordPressem
Podobieństwo liczy Witly, nie PHP Twojego sklepu. Żadnych dodatkowych WP_Query przy otwarciu panelu, a wyniki siedzą w pamięci podręcznej, więc powrót do tego samego produktu jest natychmiastowy.
Na listach, które już masz
Lupa pojawia się na kafelkach w kategoriach produktów i na stronach wyników wyszukiwania sklepu. Miejsce wybierasz rogiem zdjęcia albo selektorem CSS, jeśli motyw buduje kafelek po swojemu.
Inspiracja z telefonu zamienia się w produkt
Klient wgrywa zdjęcie z Pinteresta czy z wnętrza znajomych i dostaje najbardziej podobne produkty z całego Twojego katalogu, gdy w sklepie działa wyszukiwanie zdjęciem Witly. Jeśli masz skonfigurowany Turnstile, przed wysłaniem pojawia się captcha.
w panelu Witly
Włączasz stopniowo, sprawdzasz na danych
Ustawienia są w panelu Witly: Aplikacje → Mikro aplikacje → Produkty podobne. Nic nie konfigurujesz w WordPressie.
- 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: zwykła wtyczka WordPress
Instalacja jak każdej wtyczki, katalog synchronizuje się sam, a lupę włączasz w panelu Witly po obejrzeniu jej w podglądzie.
- 1instalacja
Tak jak każdą wtyczkę
Wgrywasz wtyczkę i ją aktywujesz, bez wklejania snippetów i bez edycji szablonów.
- 2katalog
Synchronizacja i ProductDNA
Wtyczka zaciąga katalog, a Witly w nocy liczy ProductDNA. Produkty dodane później dostają podobne po kolejnym nocnym przeliczeniu.
- 3podgląd
Oglądasz na swoim motywie
W trybie podglądu lupę widać tylko przez link podglądu. Sprawdzasz kategorie, wyniki wyszukiwania i kartę produktu, zanim zobaczą to klienci.
- 4publikacja
Wszyscy albo test A/B
Włączasz dla wszystkich albo puszczasz test A/B i porównujesz konwersję z lupą i bez niej.
pytania
FAQ: wtyczka wyszukiwania wizualnego dla WooCommerce
Czy wtyczka spowolni mój sklep na WordPressie?
Podobieństwo liczy Witly na swojej infrastrukturze, nie PHP Twojego sklepu, więc otwarcie panelu nie dokłada zapytań do bazy WordPressa. Wyniki są w pamięci podręcznej: zmiana filtra to jedno szybkie zapytanie, a ponowne otwarcie tego samego produktu jest natychmiastowe.
Czy panel rozjedzie mi motyw albo stronę zbudowaną w builderze?
Nie. Panel działa w Shadow DOM, odizolowany od stylów motywu i wtyczek. Wygląd bierze z motywu Witly Twojego sklepu: czcionki, kolory oraz proste albo zaokrąglone narożniki.
Jak działa szukanie po zdjęciu klienta?
W panelu jest przycisk „Prześlij własne zdjęcie”. Klient wgrywa dowolne zdjęcie, a Witly zwraca 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 zdjęcia pojawia się captcha.
Jak to wygląda na telefonie?
Panel zajmuje cały ekran, a filtry otwierają się w arkuszu od dołu. Przycisk „Pokaż X produktów” mówi klientowi, ile produktów zostanie po zawężeniu, zanim zamknie filtry.
Czy przy krześle panel pokaże też stoły i lampy?
Nie. Lupa szuka w obrębie tego samego typu produktu, więc przy krześle pokazuje krzesła. Między kategoriami szuka tylko przycisk „Prześlij własne zdjęcie”, bo tam klient sam decyduje, co chce znaleźć.
Czy mogę pokazać przycisk tylko na karcie produktu?
Tak. Listę produktów i kartę produktu włączasz osobno. Na karcie przycisk „Podobne produkty” pojawia się wyłącznie przy produktach, które mają podobne, a w testach A/B porównasz samą listę z listą i kartą produktu.
Zamień „podoba mi się to krzesło” na zamówienie w WooCommerce
Lupa na kafelku, szukanie po zdjęciu klienta i panel z produktami w tym samym stylu. Wtyczka WordPress, liczenie po stronie Witly.
Kontakt: hello@witly.ai