Checkout block WooCommerce brzmi trochę jak nazwa modułu do rakiety, ale spokojnie — chodzi o kasę w sklepie internetowym. Zamiast jednego klasycznego shortcode’u masz główny blok Checkout oraz jego wewnętrzne części. Możesz je oglądać, układać i w pewnym zakresie konfigurować w edytorze WordPressa.
To wygodne, bo sporo zmian zrobisz bez grzebania w kodzie. Jest jednak haczyk: większa kontrola nie oznacza pełnej dowolności. Bramka płatności albo dodatek działający ze starą kasą nie musi automatycznie dogadać się z checkout blockiem. Dlatego najpierw kopia lub staging, potem testy, a dopiero później ruch na żywym sklepie.
Checkout blokowy kontra stary shortcode — o co tu w ogóle chodzi?
Klasyczny checkout WooCommerce opiera się na shortcode’zie. To rozwiązanie działa jak gotowy kontener: wstawiasz odpowiedni element, a kasa wyświetla określony zestaw funkcji. Checkout blokowy jest zbudowany inaczej. Główny blok Checkout zawiera wewnętrzne sekcje, między innymi Checkout Fields oraz Checkout Totals. W procesie mogą pojawić się także elementy związane z dostawą, płatnością czy odbiorem osobistym.
W praktyce oznacza to większą kontrolę nad strukturą i wyglądem kasy bez pisania kodu. Nie dostajesz jednak magicznej skrzynki, w której można bezkarnie wyciąć wszystko, co wygląda podejrzanie. Zakres zmian zależy od konkretnego bloku. Dodatkowo rozszerzenia korzystające ze starego sposobu działania mogą wymagać osobnej integracji z Cart i Checkout Blocks.
Jedna kasa czy układanka z bloków?
Najprościej myśleć o tym tak: shortcode daje gotową kasę, a checkout block daje kasę złożoną z elementów. W edytorze bloków możesz otworzyć List View, czyli widok listy, i zobaczyć, co znajduje się w środku głównego bloku Checkout. To pomaga znaleźć konkretną sekcję oraz zmienić kolejność elementów, jeśli dana część na to pozwala.
W nowszych sklepach WooCommerce checkout blokowy jest domyślnym doświadczeniem. Nie oznacza to jednak, że każda wtyczka, pole własne i bramka płatności będą zgodne automatycznie. Przed przełączeniem sprawdź dokumentację konkretnego dodatku. Sam fakt, że coś działało ze shortcode’em, nie jest jeszcze biletem wstępu do wersji blokowej.
Co można ustawić samemu bez grzebania w kodzie?
Najwięcej swobody znajdziesz w ustawieniach struktury, widoczności wybranych pól oraz tekstów. To dobry obszar do samodzielnej pracy, o ile pamiętasz, że kasa nie jest tylko dekoracją. Każde pole może mieć znaczenie dla dostawy, podatków, fakturowania albo płatności.
Zakres zmian: widoczność, kolejność i teksty
W sekcji Checkout Fields możesz przełączać widoczność pola firmy, drugiej linii adresu oraz telefonu. Da się też ustawić, czy pola adresu i telefonu mają być wymagane. To przydatne, gdy chcesz ograniczyć liczbę pól, ale nie rób tego metodą „wygląda zbędnie, więc wycinam”. Najpierw sprawdź, czy dane pole nie jest potrzebne w dalszej części procesu.
W edytorze możesz również zmieniać kolejność wielu wewnętrznych bloków, a także edytować nazwy i opisy wybranych sekcji. Możesz skonfigurować ustawienia zgody na regulamin, numerowanie kroków oraz wyświetlanie linku powrotu do koszyka. To są zmiany, które poprawiają czytelność kasy bez przebudowywania jej logiki.
W Checkout Totals sprawa jest bardziej zamknięta. Większość wewnętrznych bloków można przestawiać, ale zwykle nie da się ich dowolnie usuwać. Wyjątkiem jest formularz kuponu — ten można usunąć. Innymi słowy: kolejność tak, pełna demolka nie. I bardzo dobrze, bo kasa bez ważnego elementu potrafi zamienić zakup w polowanie na błąd.
- Możesz zmienić: widoczność wybranych pól, ich wymagalność, kolejność elementów oraz część nazw i opisów.
- Możesz skonfigurować: zgody, numerowanie kroków i link powrotu do koszyka.
- Uważaj przy usuwaniu: większości bloków podsumowania nie usuniesz, a formularz kuponu jest wyjątkiem.
Czego lepiej nie ruszać na ślepo?
Checkout to miejsce, w którym spotykają się produkt, dostawa, podatki, zgody, płatność i zamówienie. Zmiana jednego elementu może więc odbić się w kilku innych miejscach. Nie chodzi o to, żeby niczego nie dotykać. Chodzi o to, żeby wiedzieć, co właściwie zmieniasz.
Zmiana wyglądu to nie to samo co zmiana działania
Przestawienie sekcji albo zmiana opisu to nie to samo co dodanie własnego pola, obsługa płatności czy modyfikacja warunków dostawy. Rozszerzenia, które korzystają z hooków do wyświetlania własnych pól lub oznaczeń, zwykle wymagają osobnej integracji z Cart i Checkout Blocks. Nie zakładaj więc, że pole pojawi się tylko dlatego, że wcześniej działało przy shortcode’zie.
Przed zmianą wykonaj kopię zapasową i, jeśli to możliwe, pracuj na stagingu albo kopii sklepu. Nie przełączaj kasy na żywej stronie bez sprawdzenia koszyka, dostawy, podatków, zgód i płatności. Jeśli dodatek nie działa z blokami, zajrzyj do jego dokumentacji i sprawdź kompatybilność dla konkretnej wersji. Powrót do klasycznej kasy może być ścieżką awaryjną, ale nie jest uniwersalnym lekarstwem.
Odbiór osobisty w checkout block — konfiguracja krok po kroku
Odbiór osobisty w blokowej kasie obsługuje blokowy Local Pickup. Najpierw checkout musi korzystać z blokowej wersji kasy. Następnie przejdź w WooCommerce do ustawień wysyłki i włącz Local Pickup. Samo zaznaczenie opcji to jeszcze nie koniec — potrzebujesz także lokalizacji odbioru.
Warunki, żeby odbiór w ogóle się pojawił
Dodaj co najmniej jedną lokalizację. Może ona mieć nazwę, pełny adres oraz instrukcje widoczne dla klienta. W dostępnych ustawieniach możesz także skonfigurować nazwę i opłatę odbioru. Zapisz ustawienia, a następnie sprawdź, czy strona wskazana jako checkout jest właściwą stroną kasy.
Po spełnieniu tych warunków w checkoutcie powinny pojawić się bloki Delivery i Pickup Method. Klient może wtedy wybrać wysyłkę albo odbiór osobisty. Blokowy Local Pickup nie wymaga od klienta podania adresu wysyłki, aby wybrać punkt odbioru. WooCommerce może też obliczać podatki na podstawie adresu wybranej lokalizacji, więc po konfiguracji koniecznie sprawdź, jak zachowuje się konkretna kasa.
Nie myl nowego blokowego odbioru ze starszą metodą Local Pickup ustawianą w strefach wysyłki. To różne sposoby konfiguracji. Jeśli opcja nie pokazuje się klientowi, sprawdź po kolei: czy checkout jest blokowy, czy Local Pickup jest włączony, czy istnieje lokalizacja i czy strona checkoutu jest właściwie ustawiona.
Bramka płatności nie działa? Checklista zamiast paniki
Brak płatności w kasie nie zawsze oznacza, że zepsuł się cały WooCommerce. Czasem problemem jest zgodność konkretnej bramki z checkout blockiem. WooCommerce wskazuje, że kompatybilność rozszerzeń z Cart i Checkout Blocks należy sprawdzać na stronie danego produktu lub w dokumentacji dostawcy.
Kiedy winny może być dodatek, a nie sama kasa?
Jeśli bramka nie deklaruje zgodności z blokami, metoda płatności może nie pojawić się w kasie. Gdy wszystkie aktywne bramki są niezgodne, WooCommerce może wyświetlić komunikat o braku dostępnych metod płatności oraz zaproponować przełączenie na klasyczny checkout.
Zanim to zrobisz, przejdź krótką checklistę:
- Sprawdź dokumentację konkretnej bramki i jej zgodność z Cart i Checkout Blocks.
- Zweryfikuj ustawienia bramki oraz aktualność używanej wtyczki.
- Sprawdź, czy problem nie wynika z konfliktu z innym rozszerzeniem albo własnym polem checkoutu.
- Wykonaj test na kopii sklepu, obejmujący produkt, dostawę i płatność.
Jeśli przyczyną jest niezgodność, powrót do klasycznego checkoutu może pomóc, ale nie traktuj go jako gwarancji działania każdej bramki. Najpierw sprawdź dokumentację i konkretną konfigurację. Zgadywanie przy płatnościach to sport, w którym nagrodą bywa porzucony koszyk.
Szybki test przed publikacją zmian
Nowa kasa może wyglądać świetnie w edytorze, a mimo to potknąć się podczas prawdziwego zamówienia. Dlatego przed publikacją przejdź cały proces jak klient. Nie wystarczy kliknąć podglądu i uznać sprawy za zamkniętą.
Checklist przed kliknięciem „Opublikuj”
Przygotuj pełne zamówienie testowe odpowiednie do konfiguracji sklepu. Sprawdź nie tylko samą płatność, ale cały łańcuch od produktu do statusu zamówienia.
- Sprawdź widoczność i wymagalność pól checkoutu.
- Przetestuj wysyłkę oraz odbiór osobisty, jeśli jest skonfigurowany.
- Użyj kodu rabatowego i sprawdź formularz kuponu.
- Zweryfikuj zgodę na regulamin oraz link powrotu do koszyka.
- Sprawdź podsumowanie produktów, koszty dostawy i wybraną metodę płatności.
- Przejdź płatność, e-mail zamówienia i status zamówienia.
Dopiero gdy te elementy działają na kopii albo w trybie testowym dostawcy płatności, przenieś zmianę na właściwą stronę checkoutu.
Checkout block WooCommerce daje sporo wygody: możesz układać sekcje, zmieniać widoczność części pól, poprawiać teksty i skonfigurować odbiór osobisty bez grzebania w kodzie. Nie daje jednak pełnej swobody w usuwaniu elementów i nie gwarantuje, że każdy dodatek zadziała od ręki.
Najbezpieczniejszy plan jest prosty: kopia lub staging, sprawdzenie zgodności bramki i rozszerzeń, konfiguracja zmian, a potem pełne zamówienie testowe. Jeśli kasa wymaga większej przebudowy albo płatność nie dogaduje się z blokami, Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
