Checkout blocks w WooCommerce – kompatybilne wtyczki i tutorial

Od WooCommerce 8.3 nowe sklepy mają nowy koszyk i checkout oparty na blokach. W tym artykule pokażę klasyczny i nowy checkout, skupiając się na dostępnych ustawieniach, opcjach i kompatybilności wtyczek. Dodatkowo wymienię wtyczki WP Desk wspierające checkout bloki WooCommerce. Zaczynajmy.

Spis treści

1. Dwa typy checkoutu w WooCommerce
2. WooCommerce checkout bloki – przegląd
3. Wtyczki kompatybilne z checkout blokami WooCommerce

Dwa typy checkoutu w WooCommerce

Zazwyczaj proces zakupu w WooCommerce przebiega przez produkt (lub katalog) → koszyk → checkout. Każdy krok procesu może mieć swoją specyfikę i własne ustawienia, ale przyjrzyjmy się checkoutowi.

Klasyczny checkout WooCommerce

Przed WooCommerce 8.3 domyślny układ checkout wyglądał następująco:

Korzystanie z tego układu jest nadal możliwe (stan na czerwiec 2024), nawet po aktualizacji WooCommerce powyżej wersji 8.3 bez dodatkowych kroków.

Możliwe jest również wybranie formularza klasycznego checkoutu po zainstalowaniu świeżego WooCommerce (stan na czerwiec 2024) poprzez wybór klasycznego checkoutu lub dodanie shortcodu.

Checkout WooCommerce oparty na blokach

Przyjrzyjmy się nowemu formularzowi checkout WooCommerce. Jest to domyślna opcja dla nowych instalacji.

Jak widać, jest mniej pól, fakturowanie i wysyłka są razem, a układ wygląda czysto. Dodatkowo formularz checkout składa się z mniejszych części z numerami.

WooCommerce checkout bloki – przegląd

Nowe opcje i ustawienia checkout są dostępne podczas edycji odpowiedniej strony.

Możliwe jest również dostosowanie tego w menu Wygląd → Dostosuj. Opcje mogą również zależeć od motywu (w przykładzie używam Storefront).

Jak już wspomniałem wcześniej, nowy checkout WooCommerce oparty na blokach jest domyślną opcją dla świeżych instalacji. Jednakże wybór rodzaju checkoutu jest nadal możliwy poprzez edycję strony checkout (stan na czerwiec 2024).

Wtyczki kompatybilne z checkout blokami WooCommerce

WooCommerce pozwala deweloperom wtyczek deklarować (nie)kompatybilność z nowym checkout opartym na blokach. Jeśli widzisz podobne powiadomienie, oznacza to, że wtyczka aktualnie nie wspiera nowego checkout.

Możesz skontaktować się z deweloperami wtyczek, aby zapytać, czy planują zrobić wtyczkę kompatybilną i kiedy będzie gotowa. W międzyczasie możesz używać klasycznego checkout, jeśli funkcja wtyczki jest ważna.

Istnieje również wtyczka Flexible Checkout Fields for WooCommerce. Jej główną funkcją jest personalizacja pól formularza checkout (dodawanie nowych, usuwanie lub zmiana kolejności).

Obecnie jest kompatybilna z klasycznym formularzem checkout i oferuje wiele opcji personalizacji checkout. Możesz porównać wszystkie jej darmowe lub PRO funkcje w repozytorium.

Podsumowanie

Jak widać, oba checkouty mają swoje plusy i minusy. Ważne jest również, aby zauważyć, że nie wszystkie wtyczki deklarują kompatybilność z checkout blokami WooCommerce.

Na koniec skupiłem się na wtyczkach WP Desk, które działają poprawnie z obu rodzajami checkout WooCommerce.

Masz pytania dotyczące wtyczek lub checkout bloków WooCommerce?