Kontekst
Wydawnictwo SAM publikuje książki dla dzieci i rodzin. Sklep miał być wizualnie spójny z charakterem wydawnictwa, a jednocześnie obsługiwać realne potrzeby e-commerce: wygodny koszyk, szybkie wyszukiwanie produktów, zweryfikowane opinie klientów i sekcje treści, które zespół może aktualizować bez pomocy developera.
Projekt Figma został przygotowany przez grafika, a ja odpowiadałem za pełne wdrożenie WordPress i WooCommerce.
Projekt Figma został przygotowany przez grafika, a ja odpowiadałem za pełne wdrożenie WordPress i WooCommerce.
Koszyk i wyszukiwanie produktów
Proces zakupowy został oparty o dedykowany koszyk typu slide-out. Po dodaniu książki koszyk wysuwa się z boku zamiast przekierowywać użytkownika na osobną stronę, dzięki czemu klient pozostaje w procesie przeglądania i może dalej dodawać produkty bez utraty kontekstu. W koszyku znajduje się także próg darmowej dostawy: po dodaniu produktów system oblicza, ile brakuje do darmowej wysyłki, i pokazuje tę informację bezpośrednio w interfejsie.
Wyszukiwarka produktów działa w oparciu o AJAX. Wpisywanie frazy w polu wyszukiwania zwraca pasujące książki w czasie rzeczywistym, co dobrze sprawdza się w katalogu, w którym użytkownicy często szukają konkretnego tytułu, autora lub serii.
Wyszukiwarka produktów działa w oparciu o AJAX. Wpisywanie frazy w polu wyszukiwania zwraca pasujące książki w czasie rzeczywistym, co dobrze sprawdza się w katalogu, w którym użytkownicy często szukają konkretnego tytułu, autora lub serii.
Opinie klientów z zaufane.pl
Wydawnictwo SAM zbiera zweryfikowane opinie klientów przez zaufane.pl, polską platformę opinii i zaufania. Sklep integruje się bezpośrednio z API zaufane.pl, aby pobierać opinie na stronę zamiast opierać się na statycznych testimonialach.
Integracja nie ogranicza się do ogólnej listy opinii. Opinie są powiązane z konkretnymi produktami, dzięki czemu na stronie danej książki mogą pojawiać się recenzje dotyczące właśnie tego tytułu. W ten sposób zewnętrzny dowód społeczny staje się kontekstowy i przydatny dokładnie w miejscu podejmowania decyzji zakupowej.
Integracja nie ogranicza się do ogólnej listy opinii. Opinie są powiązane z konkretnymi produktami, dzięki czemu na stronie danej książki mogą pojawiać się recenzje dotyczące właśnie tego tytułu. W ten sposób zewnętrzny dowód społeczny staje się kontekstowy i przydatny dokładnie w miejscu podejmowania decyzji zakupowej.
Zakres techniczny
Szablony WooCommerce zostały nadpisane wszędzie tam, gdzie wymagał tego projekt graficzny, między innymi dla kart produktów, archiwów, koszyka oraz elementów powiązanych z checkoutem. ACF (Advanced Custom Fields) odpowiada za strukturalne sekcje treści na stronie, dzięki czemu zespół może zarządzać blokami strony głównej, banerami i obszarami editorialowymi z poziomu panelu WordPress bez edycji kodu.
Warstwa frontendowa została wdrożona bezpośrednio w kodzie, z responsywnymi układami dla wszystkich kluczowych szerokości ekranu. Integracja z zaufane.pl działa po stronie serwera przez API, a opinie są mapowane do odpowiednich produktów na podstawie tytułu.
Warstwa frontendowa została wdrożona bezpośrednio w kodzie, z responsywnymi układami dla wszystkich kluczowych szerokości ekranu. Integracja z zaufane.pl działa po stronie serwera przez API, a opinie są mapowane do odpowiednich produktów na podstawie tytułu.
Efekt
Sklep został uruchomiony w 2023 roku z dedykowanym projektem, elastycznym zapleczem do zarządzania treścią i działającą integracją z opiniami zaufane.pl. Wspierałem projekt do początku 2025 roku; od tego czasu strona jest rozwijana dalej przez inny zespół.
