Recently Viewed – PrestaShop

Lista ostatnio oglądanych produktów w sklepie to pozornie drobny detal, który potrafi odmienić sposób, w jaki klienci poruszają się po katalogu. Recently Viewed dla PrestaShop obiecuje szybki dostęp do historii przeglądania, skracając ścieżkę do ponownego porównania i zakupu. Sprawdziłem, jak ten dodatek wypada w praktyce: czy faktycznie wspiera decyzje zakupowe, jak wpływa na wygląd sklepu, jakie daje możliwości konfiguracji i czy jego działanie nie obciąża zanadto sklepu przy rosnącym ruchu.

Co oferuje Recently Viewed w ekosystemie PrestaShop

Idea i realne korzyści

Mechanizm “ostatnio oglądane” ma jedno proste zadanie: skrócić powrót do produktów, które przykuły uwagę, lecz nie trafiły jeszcze do koszyka. W PrestaShop rozwiązanie to działa jako blok z miniaturami, ceną i odsyłaczem do karty produktu. Z perspektywy klienta minimalizuje frustrację związaną z ponownym wyszukiwaniem. Z perspektywy właściciela sklepu to jedno z najtańszych miejsc, by poprawić wskaźnik konwersji bez inwazyjnych zmian w interfejsie.

Instalacja i aktywacja

W typowej dystrybucji PrestaShop moduł wyświetlający ostatnio odwiedzane pozycje instaluje się standardowo przez panel: Katalog modułów → wyszukaj “Viewed” lub “Recently Viewed” → Zainstaluj. Aktywacja zajmuje chwilę, po czym blok można przypiąć do wybranych hooków. Dla sklepów korzystających z niestandardowych szablonów, czasem konieczne jest ręczne dostosowanie pozycji w układzie, ale rdzeń nie wymaga zmian w kodzie.

Interfejs i opcje sterowania

W panelu pojawiają się podstawowe ustawienia: liczba wyświetlanych produktów, kolejność (ostatnie od najnowszego), możliwość włączenia/wyłączenia na urządzeniach mobilnych oraz kontrola tytułu bloku. To nie jest kombajn do rekomendacji – i dobrze. Prostota przekłada się na szybkość, a lista opcji pozostaje zrozumiała także dla osób, które nie chcą zagłębiać się w technikalia. Jeśli jednak oczekujesz segmentacji czy reguł biznesowych, trzeba będzie sięgnąć po bardziej rozbudowane rozwiązania.

Dla kogo jest to rozwiązanie

Największą wartość odczują sklepy z bogatym asortymentem, w których klienci często porównują warianty: moda, kosmetyki, elektronika użytkowa, części zamienne. W małych katalogach blok też ma sens, ale jego przewaga jest skromniejsza. W sklepach B2B, gdzie proces zakupowy bywa rozciągnięty w czasie, lista ostatnio oglądanych ułatwia powroty do specyfikacji i skraca kontakt z działem handlowym.

Doświadczenie użytkownika i wpływ na sprzedaż

Pozycjonowanie i widoczność bloku

Najczęściej blok trafia na dół karty produktu lub na stronę główną, rzadziej do kolumn bocznych. Praktyka pokazuje, że najlepsze wyniki daje umieszczenie go tuż pod sekcją opisów i opinii – wciąż w zasięgu wzroku, ale bez rozbijania narracji karty produktu. W listingach kategorii warto rozważyć widget w połowie strony, by przechwycić użytkowników przewijających długie siatki towarów.

Jakość miniatur i czytelność

Kluczowe jest zachowanie spójności miniaturek i czytelnych cen. Jeśli katalog zawiera produkty z różną proporcją zdjęć, zadbaj o przycinanie do wspólnego formatu – unikniesz skoków wysokości wierszy. W razie długich tytułów pomocny bywa dwuliniowy wycinek z elipsą. To drobiazgi, które bezpośrednio wpływają na postrzeganą jakość UX i chęć do klikania w powiązane kafelki.

Mobile-first i gesty

Na telefonie moduł powinien renderować się jako poziomy slider z obsługą swipe, z wyraźnymi punktami nawigacji. Niewielka odległość między kafelkami redukuje błędy dotyku. Dobrze działający lazy-load miniaturek ogranicza zużycie transferu i przyspiesza pierwsze wrażenie, szczególnie na wolniejszych łączach.

Mikrointerakcje i stan pamięci

Delikatne animacje przy pojawieniu się bloku czy hover na desktopie dodają polotu, ale nie powinny konkurować z główną treścią. Warto rozważyć dyskretną informację, gdy lista jest pusta (np. “Przeglądaj katalog, a tutaj pojawią się Twoje ostatnio oglądane”). Dzięki temu moduł nie wygląda na zepsuty u nowych odwiedzających.

Wpływ na ścieżkę zakupową

Recently Viewed działa jak skrót pamięci – użytkownik łatwiej wraca do uprzednio sprawdzonych wariantów, porównuje i domyka decyzję. Tam, gdzie asortyment jest zbliżony, ten blok pełni funkcję miękkiego cross-sellu. Dobrze współgra z sekcją “Podobne” lub “Inni kupili też”, choć nie powinny się dublować w jednym widoku – nadmiar bodźców obniża klikalność każdego z elementów.

Jak mierzyć efekt

Samo wdrożenie bez metryk to strzał w ciemno. W analityce warto zdefiniować zdarzenia: wyświetlenie bloku, klik w kafelek, przejście do koszyka i zakup po kliknięciu w Recently Viewed. Tak zbudowany lejek pozwoli policzyć udział w przychodach i realny wpływ na micro- i macro-konwersje. Integracja z narzędziami typu GA4 czy Matomo bywa prosta: wystarczy dataLayer push po renderze bloku i kliknięciach, a efekt pojawi się w raportach analityka.

Ustawienia, integracje i aspekty techniczne

Najważniejsze parametry

Podstawą jest rozsądna liczba kart do wyświetlenia (zwykle 6–12). Zbyt długi pasek obniża koncentrację i może spowolnić ładowanie, szczególnie w konfiguracjach bez lazy-load. Drugim parametrem bywa czas przechowywania historii. Jeśli sklep celuje w szybkie decyzje, kilka dni wystarczy; w produktach o długim cyklu – nawet kilka tygodni. Kontekst marki decyduje o tym, czy lista obejmuje tylko ostatnią sesję, czy też jest trwała.

Pamięć: cookie, localStorage czy baza

Lekka implementacja opiera się na przeglądarce (cookie lub localStorage) i działa błyskawicznie, lecz nie przenosi historii między urządzeniami. Bardziej zaawansowana wersja zapisuje identyfikatory w bazie po zalogowaniu, co pozwala zsynchronizować listę np. między telefonem a laptopem. Warto dopasować mechanizm do polityki prywatności i rodzaju klientów: w B2B synchronizacja bywa kluczowa.

Wydajność i cache

Odpowiednia strategia miniaturek (webp/avif, srcset), lazy-load i cache na poziomie modułu zazwyczaj wystarcza, by blok był niezauważalny dla czasu TTFB. Warto pamiętać, że śledzenie listy jest per użytkownik, więc pełny caching HTML wymaga ostrożności – sensowne jest buforowanie szablonu bez treści, zaś same kafelki renderować po stronie klienta. Taki kompromis daje świetną wydajność przy dużym ruchu.

Integracje z CDN i systemem obrazów

PrestaShop oferuje generowanie rozmiarów obrazów. Upewnij się, że rozmiar przypisany modułowi jest zoptymalizowany (np. small_default lub niestandardowy). Gdy korzystasz z CDN, przetestuj reguły cache i warianty formatów, by nie przeładowywać sieci żądaniami po podobne miniatury. Dobre podpisy ALT i atrybuty aria-label pomogą robotom i czytnikom ekranu.

Hooki i elastyczność frontu

Typowe pozycje to miejsca odpowiadające dolnym sekcjom karty produktu i strony głównej. Jeżeli motyw stosuje nietypowe layouty, sprawdź, czy blok nie dubluje się z innymi komponentami. Dla projektów customowych warto przewidzieć osobny szablon modułu, aby dopasować siatkę, odstępy i zachowania slidera do reszty design systemu.

Zgodność wersji i multi-store

W środowiskach multi-store ważne jest, by lista ostatnio oglądanych nie “przeciekała” między sklepami. Moduł powinien respektować kontekst sklepu i języka oraz cenniki. Testy A/B prowadź w obrębie tego samego sklepu, aby nie mieszać populacji. Wsparcie dla nowych wersji PrestaShop i PHP to fundament; brak zgodność z aktualnym motywem potrafi niepostrzeżenie psuć układ.

Prywatność i RODO

Choć lista ostatnio oglądanych nie jest profilowaniem w ścisłym sensie, to nadal dotyka zachowania użytkownika. W polityce cookies należy jasno wskazać cel i czas przechowywania. Jeśli łączysz dane w profilu zalogowanego klienta, upewnij się, że regulaminy odzwierciedlają ten fakt oraz że użytkownik może wyczyścić historię z poziomu konta.

Konfiguracja i kontrola jakości

Po wdrożeniu przetestuj min. pięć scenariuszy: pierwszy raz wchodzący gość, powracający gość z usuniętymi cookie, zalogowany klient na desktopie i mobilnie, oraz użytkownik, który nie odwiedzał kart produktu (pusty stan). Ustal zasady resetu listy (np. po 50 pozycjach najstarsze wypadają) i sprawdź, czy po usunięciu produktu z katalogu kafelek znika bez błędów. Dobra konfiguracja ogranicza liczbę edge-case’ów w codziennej eksploatacji.

Praktyczne scenariusze, testy i rozwój funkcji

Merchandising i personalizacja doświadczenia

Choć domyślnie lista jest neutralna, można nadać jej lekki wydźwięk sprzedażowy: mini-badge “ostatnio oglądane”, gwiazdki ocen, skrót dostępności lub sample wariantów kolorystycznych. W połączeniu z regułami promocyjnymi (np. zniżka powracająca do produktu po 24 h) budujesz mikro-bodźce do decyzji. To nie są klasyczne rekomendacje; ale w praktyce działają jak subtelna personalizacja ścieżki.

Testy A/B i KPI

Najprostszy eksperyment: włącz/wyłącz blok na wybranej części ruchu i porównaj CTR bloku, średnią wartość koszyka i współczynnik porzuceń. W kolejnych krokach przetestuj liczbę kafelków (6 vs 10), pozycję (pod opisem vs pod opiniami) oraz dodanie ceny lub badge’u “nowość”. Wyniki potrafią się różnić w zależności od branży; zawsze wracaj do metryki przychodu per użytkownik i wpływu na czas do zakupu.

Połączenie z mechanizmami rekomendacji

Gdy w sklepie działają inteligentne sugestie, oddziel obszary: “ostatnio oglądane” wspiera pamięć użytkownika, a silnik typu “podobne/komplementarne” kreuje krzyżową sprzedaż. Zbyt wiele widgetów obok siebie rozprasza. Jeśli korzystasz z jednego, spójnego systemu komponentów, zadbaj o wspólną hierarchię: najpierw elementy o największym wpływie na decyzję, potem te o mniejszym. Pamiętaj, że Recently Viewed to nie magiczne rekomendacje, lecz mapa wcześniejszych wyborów.

Obsługa powrotów i retencji

Wysyłka maila lub web push z przypomnieniem o oglądanych produktach może przyspieszyć decyzję powracającego klienta, zwłaszcza w długich cyklach zakupowych. Nie przesadzaj z częstotliwością – jeden, dobrze wycelowany trigger zwykle wystarczy. W raportach zwróć uwagę na wskaźniki powrotów i ponownych wizyt; sprytne wykorzystanie Recently Viewed realnie wspiera retencja.

Wersje rozszerzone i alternatywy

Jeśli podstawowa funkcja to za mało, poszukaj wersji, które łączą historię oglądania z segmentacją według kategorii, marży albo sezonowości. Niektóre rozwiązania dodają filtrowanie duplikatów (gdy produkt pojawia się w wielu wariantach) lub priorytetyzują towary dostępne od ręki. To dobry kierunek dla większych sklepów, które chcą wycisnąć więcej z ruchu bez przeładowywania interfejsu.

Warstwa szablonu i spójność brandu

Blok powinien korzystać z tych samych tokenów stylów, co reszta kart produktowych: rozmiary fontów, promień zaokrągleń, cienie, sposób prezentacji cen. Rozjazd stylistyczny bywa sygnałem amatorskiego wykończenia, co obniża zaufanie. Jeśli motyw wykorzystuje design tokens, dopilnuj, by i komponent Recently Viewed je dziedziczył.

SEO i crawl budżet

Lista ostatnio oglądanych generuje wewnętrzne linki, lecz nie ma sensu nadawać im priorytetu dla robotów. Wystarczy standardowy nofollow w razie potrzeby lub zwykłe linki – najważniejsze, by nie tworzyć pętli nawigacyjnych między wieloma widżetami. Zadbaj, by sekcja nie była pierwszą, jaką czyta screen reader; semantyka nagłówków i aria-landmarks rozwiąże ewentualne kłopoty z dostępnością.

Wsparcie, utrzymanie i koszt posiadania

Na plus działa niski koszt wdrożenia i konserwacji. W praktyce najwięcej pracy pochłania dopracowanie frontu: dopasowanie rozmiarów obrazów, marginesów i zachowań na mobile. Aktualizacje PrestaShop rzadko psują ten komponent, ale warto utrzymywać staging i smoke testy po każdej zmianie wersji, zwłaszcza gdy w grę wchodzą aktualizacje motywu.

Gdzie zaczynają się ograniczenia

Recently Viewed nie odpowie na potrzeby zaawansowanego merchandisingu, jeśli oczekujesz reguł typu “promuj produkty z najwyższą marżą” albo “ukrywaj wyprzedane”. To nadal prosty element pamięci użytkownika. Gdy liczysz na potężny uplift przychodu bez innych działań optymalizacyjnych, możesz się rozczarować – to narzędzie wspierające, nie samodzielny motor wzrostu.

Architektura wdrożenia krok po kroku

1) Określ cel (CTR i konwersja wspierana). 2) Zaprojektuj pozycję bloku i pusty stan. 3) Skonfiguruj liczbę kart i strategię obrazów. 4) Dodaj eventy analityczne. 5) Uruchom test A/B z kontrolą. 6) Zoptymalizuj wariant zwycięski i wdroż w całym ruchu. 7) Monitoruj stabilność i wpływ na Core Web Vitals. Ten schemat minimalizuje ryzyko i pozwala podejmować decyzje na danych.

Na koniec: rola modułu w ekosystemie sklepu

Recently Viewed to mały, sprytny element układanki, który uczytelnia ścieżkę i redukuje tarcie w procesie wyboru. Nie zastąpi dopracowanych opisów, zdjęć ani sprawnej wyszukiwarki, ale pomaga łączyć kropki między kolejnymi wizytami. Jeżeli cenisz szybkie wdrożenia o dużym stosunku efektu do kosztu, ten moduł zwykle trafia w punkt – zwłaszcza gdy połączysz go z rzetelnymi danymi i uważnym projektowaniem interfejsu.