Koszyk działa, produkty da się dodać, płatność niby jest, a mimo to całość potrafi przypominać ślepą uliczkę. Klient trafia do pustego koszyka i widzi komunikat bez sensownego następnego kroku. Albo ma już produkty, ale pod nimi pojawiają się przypadkowe rekomendacje, które pasują do oferty mniej więcej tak, jak parasol do akwarium.
Tu właśnie pojawia się Cart Block WooCommerce. Pozwala uporządkować wybrane elementy koszyka bez przebudowy całego sklepu. Możesz pracować osobno nad koszykiem z produktami i nad pustym koszykiem, zmienić część treści, ustawić rekomendacje i poprawić układ. Trzeba jednak zachować rozsądek: Cart Block nie jest całkowicie dowolnym kreatorem, a przed zmianą działającego sklepu warto sprawdzić zgodność rozszerzeń, płatności i całego procesu zakupowego.
Cart Block WooCommerce — co to właściwie zmienia?
Cart Block to blokowy sposób budowania widoku koszyka w WooCommerce. Zamiast traktować koszyk jak jeden zamknięty element, pracujesz z jego poszczególnymi częściami w edytorze bloków. Daje to więcej możliwości konfiguracji wybranych fragmentów, ale nie oznacza, że każdy element można dowolnie przesuwać, usuwać i przebudowywać.
Pełny koszyk i pusty koszyk to dwa różne zadania
Cart Block ma dwa podstawowe stany. Filled Cart to koszyk zawierający produkty. Empty Cart to pusty koszyk. Warto rozdzielić je w głowie, bo klient w obu sytuacjach potrzebuje czegoś innego.
W pełnym koszyku najważniejsze jest sprawne przejście przez podsumowanie zamówienia. W pustym trzeba dopiero wskazać, co użytkownik może zrobić dalej. To nie są dwa warianty tej samej strony, tylko dwa różne momenty zakupowe. W klasycznym koszyku WooCommerce opartym na shortcode zakres edycji wygląda inaczej. Cart Block jest bardziej modułowy, ale część dynamicznych bloków pełnego koszyka pozostaje zablokowana.
Co da się poprawić bez przebudowy całego sklepu?
Największa korzyść jest prosta: możesz uporządkować wybrane elementy koszyka bez stawiania sklepu od zera. Nie każda zmiana wymaga przebudowy szablonu, zmiany motywu czy grzebania w całej ścieżce zakupowej.
Najpierw sprawdź, co naprawdę jest edytowalne
W pustym koszyku można zmienić treść komunikatu, usuwać i przestawiać elementy, a także skonfigurować blok najnowszych produktów. Możesz ustawić między innymi liczbę prezentowanych produktów oraz informacje, które mają być przy nich wyświetlane. Da się też pracować nad wyglądem i kolejnością elementów.
W pełnym koszyku sytuacja jest bardziej ograniczona. Większość bloków zawiera treści dynamiczne, dlatego pozostaje zablokowana. Nie można więc traktować Cart Block jak pustej planszy, na której wszystko ustawisz według własnego widzimisię. Najpierw trzeba zobaczyć, które fragmenty faktycznie podlegają konfiguracji, a dopiero później planować zmiany.
To ważne także z praktycznego powodu. Jeśli problemem jest nieczytelny komunikat pustego koszyka, nie ma sensu przebudowywać całego sklepu. Jeśli natomiast problem dotyczy płatności albo działania rozszerzenia, sama zmiana wyglądu niczego nie załatwi. Wygląd i działanie to dwie różne sprawy.
Pusty koszyk nie musi wyglądać jak ślepa uliczka
Pusty koszyk jest trochę jak drzwi wejściowe, tylko klient jeszcze nie wszedł do środka. Jeśli zobaczy wyłącznie informację, że niczego tu nie ma, dostaje komunikat, ale nie dostaje kierunku. Nie oznacza to, że trzeba urządzać w tym miejscu festiwal banerów i promocji. Chodzi raczej o prostą, zrozumiałą ścieżkę.
Co powinien zobaczyć klient, który nic jeszcze nie dodał?
Na początek jasny komunikat, że koszyk jest pusty. Bez zagadek, bez tekstu, który brzmi jak instrukcja obsługi pralki. Następnie warto wskazać prosty kolejny krok: przejście do oferty albo zainteresowanie się konkretnymi produktami. W Cart Block można wykorzystać blok najnowszych produktów, zmieniając jego ustawienia i dopasowując prezentowaną zawartość do charakteru sklepu.
Jeżeli sklep ma szeroki asortyment, przypadkowa lista może bardziej przeszkadzać niż pomagać. Lepiej sprawdzić, czy pokazane produkty mają sens dla osoby, która dopiero rozgląda się po ofercie. To praktyczna wskazówka UX, a nie oficjalna recepta WooCommerce na odzyskanie sprzedaży. Samo pokazanie produktów nie gwarantuje zamówienia ani większej wartości koszyka.
Pusty koszyk trzeba obejrzeć osobno na komputerze i telefonie. Na mniejszym ekranie kolejność elementów, długość komunikatu i liczba produktów mogą zmienić odbiór całej strony. Jeśli użytkownik musi przewijać pół kilometra, żeby znaleźć sensowny następny krok, projekt prawdopodobnie prosi się o uproszczenie.
Cross-sell w koszyku: kiedy pomaga, a kiedy tylko przeszkadza
Cross-sell w koszyku ma pokazać produkty, które mogą pasować do tego, co klient już dodał. Może to być przydatna dodatkowa ścieżka, ale nie warto traktować jej jak automatu do zwiększania sprzedaży. Rekomendacja musi mieć sens w konkretnym kontekście zakupowym. Inaczej staje się zwykłym hałasem.
Dwa sposoby budowania rekomendacji
W nowym Cart Block sekcja cross-sell korzysta z Product Collection block, który zastępuje starszy Cross-Sells block. Rekomendacje można oprzeć na produktach powiązanych z produktami znajdującymi się w koszyku albo na produktach powiązanych z jednym wskazanym produktem.
Pierwszy wariant reaguje na zawartość koszyka. Gdy klient dodaje różne produkty, system może prezentować powiązane propozycje zależnie od tego zestawu. Drugi wariant jest bardziej konkretny: wybierasz jeden produkt i budujesz wokół niego rekomendacje. To, który sposób ma więcej sensu, zależy od tego, jak sklep łączy produkty w swojej ofercie.
Praktycznie warto zacząć od rzeczy uzupełniających zakup, a nie od przypadkowej listy produktów czy samej chęci pokazania wszystkiego naraz. Jeśli rekomendacji jest za dużo, klient może stracić z oczu główny cel, czyli przejście do zamówienia.
Ustawienia, które warto przejrzeć
Product Collection block pozwala kontrolować kilka istotnych elementów prezentacji rekomendacji. Możesz przejrzeć:
- układ wyświetlanych produktów;
- liczbę produktów;
- liczbę kolumn;
- kolejność produktów;
- filtrowanie według promocji lub dostępności.
To niby drobiazgi, ale razem decydują o tym, czy sekcja wygląda jak przemyślana podpowiedź, czy jak przypadkowy katalog wrzucony pod podsumowanie. Filtr dostępności ma szczególne znaczenie praktyczne: rekomendacja produktu, którego nie da się kupić, raczej nie pomaga. Nadal jednak trzeba sprawdzić, jak ustawienia działają w konkretnym sklepie i na różnych urządzeniach.
Cart Block kontra klasyczny koszyk WooCommerce
Najprościej mówiąc: Cart Block korzysta z blokowego, bardziej modułowego sposobu edycji, a klasyczny koszyk WooCommerce opiera się na shortcode. Dla właściciela sklepu różnica nie sprowadza się jednak do samej nazwy. Chodzi o zakres dostępnych zmian oraz zgodność z motywem, rozszerzeniami i płatnościami.
Dla sklepów uruchomionych po wydaniu WooCommerce 8.3 w listopadzie 2023 roku Cart i Checkout Blocks są domyślnym doświadczeniem, jeśli strona korzysta z motywu blokowego. Starsze instalacje mogą nadal działać na klasycznym rozwiązaniu.
Kiedy nie przełączać sklepu w ciemno
Przed zmianą działającego koszyka trzeba sprawdzić kompatybilność używanych rozszerzeń, motywu, bramki płatniczej i innych integracji. Jeżeli konkretna wtyczka albo bramka nie współpracuje z blokami WooCommerce, część funkcji może nie być dostępna, a checkout może nie wyświetlić poprawnie metod płatności.
WooCommerce pozwala wrócić do klasycznej wersji opartej na shortcode. Przy takiej zmianie koszyk i checkout powinny być traktowane jako powiązany zestaw, a nie dwa niezależne klocki. Nie ma sensu cofać tylko jednego elementu i liczyć, że reszta sama się dogada. Nazwy ustawień oraz dostępność funkcji mogą też zmieniać się wraz z rozwojem WooCommerce, dlatego warto patrzeć na konkretną konfigurację sklepu, a nie na ogólną obietnicę z poradnika.
Checklist przed publikacją zmian
Najbezpieczniej nie testować nowych ustawień bezpośrednio na działającym sklepie. Najpierw przygotuj kopię roboczą albo środowisko testowe. Dzięki temu można przejść przez cały proces bez ryzyka, że klient trafi na koszyk w połowie zmian.
Minimalny zestaw testów
Przejdź przez kilka scenariuszy, nie tylko przez jeden udany zakup. Minimalny zestaw powinien obejmować:
- pusty koszyk i jego wygląd na komputerze oraz telefonie;
- koszyk z jednym produktem;
- koszyk z kilkoma produktami;
- zmianę liczby sztuk;
- usunięcie produktu;
- użycie kuponu;
- wybór dostawy;
- sprawdzenie podatków;
- weryfikację stanów magazynowych;
- przejście do checkoutu i sprawdzenie metod płatności;
- działanie zewnętrznych integracji.
Warto też sprawdzić, czy rekomendacje nie zasłaniają podsumowania, czy liczba kolumn nie psuje widoku mobilnego i czy po zmianie ilości produktów sekcja nadal zachowuje się poprawnie. Przetestuj zarówno koszyk pusty, jak i pełny. Jeden scenariusz może działać bez zarzutu, a drugi ujawnić problem z rozszerzeniem albo płatnością.
Jeżeli po testach okazuje się, że używana wtyczka lub bramka płatnicza nie jest zgodna z blokami, nie trzeba na siłę udowadniać, że nowa wersja musi zostać. Czasem rozsądniejszy jest powrót do klasycznego koszyka, ale wtedy sprawdź również checkout. Najważniejsze jest działanie całej ścieżki zakupowej, nie sama możliwość pochwalenia się nowym układem.
Cart Block WooCommerce pozwala poprawić wybrane elementy pełnego i pustego koszyka bez budowania sklepu od początku. Możesz zmienić komunikat pustego koszyka, uporządkować prezentację produktów i ustawić cross-sell oparty na produktach powiązanych z zawartością koszyka albo z jednym wskazanym produktem. Nie wszystko da się jednak dowolnie przestawiać, a skuteczność rekomendacji zależy od ich dopasowania, nie od samej obecności.
Najpierw sprawdź, czego naprawdę potrzebuje sklep, potem zweryfikuj zgodność rozszerzeń i płatności, a na końcu przejdź przez wszystkie scenariusze testowe. Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.
