Dlaczego klient wychodzi po obejrzeniu jednego produktu?
Katalog sklepu jest poukładany tak, jak myśli o nim sklep: kategorie, podkategorie, producenci, cechy. Klient myśli inaczej. Widzi produkt i chce „coś takiego, tylko…”. Takiego zapytania nie wpisze w wyszukiwarkę, bo nie wie, jak sklep nazywa ten styl, a w kategorii musiałby przejrzeć dziesiątki produktów i ustawić kilka filtrów, żeby dojść do tych kilku, które wyglądają podobnie.
Jeśli oglądany produkt mu nie odpowiada, najprostszym ruchem jest powrót do Google albo zamknięcie karty. A sklep miał to, czego klient szukał, tylko klient tego nie zobaczył.
Co zmienia dobór produktów po wyglądzie?
Klasyczne „podobne produkty” to zwykle produkty z tej samej kategorii albo z tymi samymi tagami. W kategorii „Pierścionki” są jednak pierścionki zaręczynowe z brylantem i proste obrączki, a w kategorii „Sukienki” sukienki wieczorowe i plażowe. Ta sama kategoria nie znaczy, że produkty wyglądają podobnie.
Witly dobiera produkty podobne na podstawie ProductDNA, czyli analizy AI zdjęcia i opisu każdego produktu w sklepie. Zdjęcie mówi o kształcie, kolorze i stylu, opis dodaje to, czego na zdjęciu nie widać: materiał, przeznaczenie, markę. Dzięki temu do pierścionka z zielonym kamieniem trafiają inne pierścionki z zielonym kamieniem, a nie przypadkowe pierścionki z kategorii.
+14% zakupów z karty produktu
Mercari, japoński serwis ogłoszeniowy, oparł sekcję produktów podobnych wizualnie na modelu analizującym zdjęcia produktów. W teście A/B, w porównaniu z wcześniejszym modelem, liczba zakupów z karty produktu wzrosła o 14%, a klienci klikali w produkty z tej sekcji półtora raza częściej. To wynik Mercari w jego serwisie, opisany przez samą firmę, a nie wynik Witly.
Źródło: Mercari Engineering, „Fine-tuned SigLIP Image Embeddings for Similar Looks Recommendation in a Japanese C2C Marketplace”, 08.11.2024 · engineering.mercari.com/en/blog/entry/20241104-similar-looks-recommendation-via-vision-language-model
Lupka na zdjęciu produktu i panel z podobnymi
Klient widzi lupkę na zdjęciu produktu
Na każdym kafelku w kategoriach i w wynikach wyszukiwarki sklepu, w rogu zdjęcia. Na karcie produktu widzi przycisk „Podobne produkty”.
Klika i otwiera się panel
Panel wysuwa się z prawej strony, a lista produktów, którą klient przeglądał, zostaje na miejscu.
Zawęża i wybiera
Jednym kliknięciem zostawia ten sam metal, tę samą markę albo tańsze produkty, ustawia filtry i przechodzi do produktu, który mu pasuje.
W panelu klient widzi:
- Produkty podobne wyglądem i opisem, w obrębie tego samego typu produktu. Z jednej rodziny wariantów pokazujemy jeden produkt, żeby klient nie przewijał pięciu kolorów tego samego modelu. Produkty, które da się kupić, są na początku.
- Pasek „Podobne do: <nazwa produktu>” i przyciski zawężające jednym kliknięciem. Biorą się z cech oglądanego produktu, na przykład ten sam metal, ta sama próba, ta sama marka, a do tego przycisk „Tańsze”.
- Filtry jak w wyszukiwarce Witly: histogram cen z suwakiem i filtry cech z liczbą produktów przy każdej wartości. Do tego sortowanie (najbardziej podobne, cena rosnąco, cena malejąco) i ładowanie kolejnych produktów przy przewijaniu.
- „Prześlij własne zdjęcie”. Klient wgrywa zdjęcie rzeczy, którą ma albo zobaczył gdzie indziej, i dostaje najbardziej podobne produkty z katalogu sklepu.
Na telefonie panel zajmuje cały ekran, a filtry otwierają się od dołu z przyciskiem „Pokaż X produktów”, więc klient od razu wie, ile wyników zostanie po zawężeniu.
Panel używa czcionek i kolorów sklepu z motywu Witly. Jest odizolowany od stylów szablonu (Shadow DOM), więc szablon nie rozjeżdża panelu, a panel nie zmienia wyglądu reszty strony.
Jak sprawdzić, czy wyszukiwanie wizualne sprzedaje w Twoim sklepie?
Funkcja nie wymaga zmian w szablonie ani w katalogu. W panelu Witly ustawiasz:
- Gdzie ma działać. Lupkę na listingach (strony kategorii i wyniki wyszukiwarki sklepu) i przycisk „Podobne produkty” na karcie produktu włączasz osobno. Przycisk na karcie produktu pojawia się tylko wtedy, gdy produkt ma produkty podobne.
- W którym rogu zdjęcia stoi lupka. Wybierasz róg albo wskazujesz selektor CSS, jeśli szablon ma nietypowy układ kafelków.
- Tryb podglądu. Zanim zobaczą to klienci, sprawdzasz działanie w swoim sklepie, na prawdziwych produktach.
Włączasz wyszukiwanie wizualne w trybie podglądu
Wybierasz listingi, kartę produktu albo oba miejsca i sprawdzasz działanie w swoim sklepie.
Uruchamiasz test A/B
Część klientów widzi produkty podobne, część nie, albo porównujesz same listingi z listingami i kartą produktu.
Zostawiasz wariant, który sprzedaje
Decydujesz na podstawie konwersji w Twoim sklepie.
Test A/B pozwala porównać trzy układy: lupka na listingach wobec braku funkcji, przycisk na karcie produktu wobec braku funkcji oraz same listingi wobec listingów razem z kartą produktu. Wynik liczymy na konwersji, czyli na zamówieniach, a nie na kliknięciach w lupkę.
Na jakich platformach działa wyszukiwanie wizualne?
Wyszukiwanie wizualne działa w sklepach na Shoperze, PrestaShop i WooCommerce. Szczegóły dla każdej platformy:
- Wyszukiwanie wizualne w sklepie Shoper
- Moduł wyszukiwania wizualnego dla PrestaShop
- Wtyczka wyszukiwania wizualnego dla WooCommerce
Najczęstsze pytania
Czym wyszukiwanie wizualne różni się od rekomendacji na karcie produktu?
Rekomendacje to sekcja z kilkoma produktami na stronie. Wyszukiwanie wizualne otwiera osobny panel z całą listą podobnych produktów, z filtrami, sortowaniem i zawężaniem po cechach oglądanego produktu. Klient może je otworzyć prosto z listy produktów w kategorii, bez wchodzenia na kartę produktu.
Skąd Witly wie, które produkty są podobne?
Z ProductDNA, czyli analizy AI zdjęcia i opisu każdego produktu w sklepie. Produkty podobne są wybierane w obrębie tego samego typu produktu, z jednej rodziny wariantów pokazujemy jeden produkt, a produkty dostępne do kupienia są na początku.
Czy klient może wyszukać produkty podobne do własnego zdjęcia?
Tak. W panelu jest przycisk „Prześlij własne zdjęcie”. Klient wgrywa zdjęcie i dostaje najbardziej podobne produkty z katalogu sklepu. Przycisk jest widoczny, gdy w sklepie działa wyszukiwanie zdjęciem Witly.
Czy panel pasuje wyglądem do mojego sklepu?
Panel używa czcionek i kolorów sklepu ustawionych w motywie Witly i jest odizolowany od stylów szablonu, więc szablon go nie rozjeżdża.
Na jakich platformach działa wyszukiwanie wizualne?
Na Shoperze, PrestaShop i WooCommerce.
Jak sprawdzić, czy wyszukiwanie wizualne zwiększa sprzedaż?
Testem A/B w panelu Witly: lupka na listingach wobec braku funkcji, przycisk na karcie produktu wobec braku funkcji albo same listingi wobec listingów razem z kartą produktu. Wynik liczony jest na konwersji.
Podsumowanie
Klient, któremu oglądany produkt prawie pasuje, nie musi już przekopywać kategorii i filtrów. Klika lupkę i widzi produkty podobne wyglądem i opisem, może je zawęzić cechami oglądanego produktu albo wgrać własne zdjęcie. Ty włączasz funkcję tam, gdzie chcesz, sprawdzasz ją w trybie podglądu i mierzysz testem A/B na zamówieniach.
Chcesz włączyć wyszukiwanie wizualne w swoim sklepie? Skontaktuj się z nami. Więcej o tym, jak Witly dobiera produkty, przeczytasz w opisie rekomendacji produktowych.
Źródła
- Mercari Engineering — Fine-tuned SigLIP Image Embeddings for Similar Looks Recommendation in a Japanese C2C Marketplace (08.11.2024)
engineering.mercari.com/en/blog/entry/20241104-similar-looks-recommendation-via-vision-language-model