Prowadząc sklep internetowy na WooCommerce, prędzej czy później zauważymy pewną niepokojącą statystykę – znaczna część klientów dodaje produkty do koszyka, ale nigdy nie finalizuje zamówienia. Według różnych badań branżowych, wskaźnik porzuconych koszyków w e-commerce oscyluje wokół 70%. To oznacza, że na każdych 10 klientów, którzy dodali coś do koszyka, aż 7 z nich opuszcza sklep bez dokonania zakupu.

Przyczyn jest wiele – zbyt skomplikowany proces zamówienia, konieczność rejestracji konta, brak preferowanej metody płatności czy po prostu zbyt wolno ładująca się strona checkout. Poniekąd kwestię szybkości już poruszaliśmy w artykule o BerqWP i NitroPack, ale tym razem skupimy się stricte na samym procesie składania zamówienia.

W dobie rosnącej konkurencji i coraz większych oczekiwań konsumentów, każda sekunda i każde dodatkowe pole formularza mogą decydować o tym, czy klient dokona zakupu, czy zamknie kartę przeglądarki. Dlatego optymalizacja strony checkout to jedna z najszybszych dróg do zwiększenia przychodów sklepu.

W tym artykule przetestujemy dwa popularne rozwiązania, które pozwalają na przebudowanie domyślnego checkoutu WooCommerce – CartFlows oraz FunnelKit. Sprawdzimy, co oferują i które z nich lepiej sprawdzi się w praktyce.

Dlaczego klienci porzucają koszyki?

Zanim przejdziemy do rozwiązań, warto zrozumieć główne powody, dla których klienci rezygnują z zakupu na etapie finalizacji zamówienia. Znajomość tych przyczyn pozwoli nam lepiej dobrać narzędzia i strategie optymalizacji.

Jednym z najczęstszych powodów jest zbyt skomplikowany lub zbyt długi proces zamówienia. Domyślny checkout WooCommerce wyświetla wszystkie pola na jednej stronie – dane do faktury, dane do wysyłki, uwagi do zamówienia i metody płatności. Dla wielu klientów, szczególnie tych robiących zakupy na urządzeniach mobilnych, taki widok jest przytłaczający.

Kolejnym istotnym czynnikiem jest konieczność zakładania konta. Wielu użytkowników chce po prostu szybko kupić produkt, bez konieczności wymyślania hasła i potwierdzania adresu e-mail. Dlatego opcja zakupu jako gość powinna być zawsze dostępna.

Do pozostałych przyczyn należą:

  • ukryte koszty wysyłki, które pojawiają się dopiero na etapie podsumowania,
  • brak zaufania do bezpieczeństwa płatności,
  • zbyt mało metod płatności (wspominaliśmy o tym w artykule o Google Pay i Apple Pay w WooCommerce),
  • wolne ładowanie strony checkout,
  • brak informacji o przewidywanym czasie dostawy.

Znając te przyczyny, możemy celowo adresować każdą z nich podczas optymalizacji procesu zamówienia.

Domyślny checkout w WooCommerce – co można poprawić bez wtyczek?

Zanim sięgniemy po dodatkowe moduły, warto sprawdzić, co możemy poprawić w samym WooCommerce. System ten oferuje kilka wbudowanych ustawień, które mogą znacząco uprościć proces zakupu.

Po pierwsze, przechodzimy do “WooCommerce” → “Ustawienia” → “Konta i prywatność”. Upewnijmy się, że opcja “Pozwól klientom na składanie zamówień bez konta” jest zaznaczona. To eliminuje jedną z głównych barier zakupowych.

Po drugie, w zakładce “Ustawienia” → “Wysyłka” warto rozważyć wyświetlanie kosztów wysyłki już na stronie koszyka, a nie dopiero na checkoucie. Klient nie powinien być zaskoczony dodatkowymi kosztami na ostatnim etapie zamówienia.

Po trzecie, warto przejrzeć pola formularza. W pliku functions.php motywu potomnego (o tworzeniu motywu potomnego pisaliśmy w osobnym artykule) możemy usunąć lub ukryć niepotrzebne pola. Nie każdy sklep potrzebuje pola “Nazwa firmy” czy “Uwagi do zamówienia”. Każde zbędne pole to dodatkowa bariera.

Proste zmiany, takie jak włączenie zakupów bez rejestracji, usunięcie zbędnych pól i transparentne koszty wysyłki, potrafią podnieść konwersję o kilka procent. Ale jeżeli chcemy pójść o krok dalej – warto sięgnąć po dedykowane narzędzia.

Testujemy CartFlows – zaawansowany checkout krok po kroku

CartFlows to jeden z najpopularniejszych modułów do tworzenia tzw. lejków sprzedażowych w WooCommerce. Pozwala na kompletną przebudowę strony checkout, dodanie stron z podziękowaniem, upsellami i downsellami. Moduł dostępny jest w wersji darmowej oraz Pro.

Instalacja i pierwsze kroki

Instalacja przebiega standardowo – przechodzimy do “Wtyczki” → “Dodaj nową” i wyszukujemy “CartFlows”. Po zainstalowaniu i aktywowaniu, moduł uruchomi kreator konfiguracji, który przeprowadzi nas przez podstawowe ustawienia.

Po przejściu kreatora, w panelu WordPress pojawi się nowa pozycja “CartFlows”. Przechodzimy do niej i wybieramy “Flows” → “Dodaj nowy”. Flow to właśnie nasz lejek sprzedażowy, który składa się z kilku kroków.

Moduł oferuje gotowe szablony, które możemy zaimportować jednym kliknięciem. Szablony są kompatybilne z popularnymi page builderami – w tym z Gutenbergiem, Elementorem i Divi. My na potrzeby testu wybierzemy szablon kompatybilny z Gutenbergiem.

Konfiguracja checkoutu

Po zaimportowaniu szablonu, edytujemy krok “Checkout”. CartFlows pozwala na:

  • zmianę układu formularza (jedno- lub dwukolumnowy),
  • reorganizację i ukrywanie pól,
  • dodanie tzw. “order bump” – dodatkowego produktu, który klient może dorzucić jednym kliknięciem bezpośrednio na stronie zamówienia,
  • dostosowanie kolorystyki i wyglądu przycisków.

Co ważne, CartFlows w wersji darmowej umożliwia stworzenie jednego kompletnego lejka. To wystarczy, żeby przetestować rozwiązanie na własnym sklepie i zobaczyć, czy przynosi efekty. W wersji Pro dostajemy nielimitowaną liczbę lejków, upselle, downselle oraz zaawansowaną analitykę.

Po skonfigurowaniu nowego checkout’u i ustawieniu go jako domyślnego, od razu widać różnicę. Formularz jest czystszy, bardziej przejrzysty, a proces zakupu sprawia wrażenie prostszego i szybszego.

Testujemy FunnelKit (dawniej WooFunnels) – alternatywne podejście

FunnelKit, wcześniej znany jako WooFunnels, to drugie popularne rozwiązanie do optymalizacji checkoutu w WooCommerce. Podobnie jak CartFlows, oferuje budowę lejków sprzedażowych, ale różni się podejściem do konfiguracji i zestawem funkcji.

Instalacja i pierwsze wrażenia

Moduł instalujemy analogicznie – z repozytorium WordPress wyszukujemy “FunnelKit Funnel Builder” i aktywujemy. Po aktywacji pojawi się zakładka “FunnelKit” w panelu bocznym.

Pierwsza różnica, którą zauważymy, to kreator wizualny checkoutu. FunnelKit oferuje własny edytor pól formularza, w którym metodą drag & drop możemy przenosić, usuwać i dodawać pola. To ogromna zaleta dla osób, które nie chcą grzebać w kodzie.

Funkcja “One-Page Checkout” i “Multi-Step Checkout”

FunnelKit wyróżnia się oferowaniem dwóch trybów checkoutu:

  • One-Page Checkout – cały formularz na jednej stronie, ale w czytelniejszym układzie niż domyślny WooCommerce,
  • Multi-Step Checkout – formularz podzielony na kroki (np. 1. Dane osobowe → 2. Wysyłka → 3. Płatność), z paskiem postępu na górze.

Multi-Step Checkout jest szczególnie skuteczny na urządzeniach mobilnych, gdzie mniejsza ilość pól na jednym ekranie sprawia, że proces wydaje się krótszy i mniej przytłaczający.

Moim zdaniem to właśnie Multi-Step Checkout jest największą przewagą FunnelKit nad domyślnym rozwiązaniem WooCommerce. Klient widzi, na którym etapie się znajduje, ile jeszcze zostało kroków, i nie jest bombardowany ogromnym formularzem na starcie.

Wersja darmowa FunnelKit pozwala na stworzenie jednego lejka z podstawowym checkoutem. W wersji Pro dostajemy upselle, order bumpy, A/B testy oraz integracje z narzędziami do automatyzacji marketingu.

Porównanie obu rozwiązań

Przetestowaliśmy oba moduły na tym samym serwisie testowym. Czas podsumować nasze obserwacje:

CartFlows sprawdza się bardzo dobrze, jeśli korzystamy z page buildera (Elementor, Divi, Gutenberg) i chcemy mieć pełną kontrolę nad wyglądem checkoutu. Szablony są profesjonalne, a konfiguracja intuicyjna. Darmowa wersja jest nieco ograniczona, ale wystarczająca do testów.

FunnelKit wygrywa w kwestii edycji pól formularza – drag & drop bez konieczności kodowania to ogromna zaleta. Multi-Step Checkout z paskiem postępu prezentuje się świetnie, szczególnie na urządzeniach mobilnych. Panel zarządzania jest czytelny i przyjazny.

W mojej opinii, jeżeli naszym głównym celem jest uproszczenie i skrócenie procesu zamówienia, FunnelKit z Multi-Step Checkout będzie lepszym wyborem. Natomiast jeśli zależy nam na budowie kompletnych lejków sprzedażowych z upsellami i zaawansowanymi stronami „dziękuję za zakup”, CartFlows oferuje więcej możliwości w tym zakresie.

Oba moduły znacząco poprawiają domyślny checkout WooCommerce. Ostateczny wybór zależy od specyfiki sklepu i tego, na czym bardziej nam zależy – na prostocie formularza, czy na rozbudowanym lejku sprzedażowym.

Podsumowanie

Optymalizacja strony checkout to jedno z najszybszych i najskuteczniejszych działań, które możemy podjąć, aby zwiększyć sprzedaż w naszym sklepie na WooCommerce. Nie wymaga to dużego budżetu reklamowego ani rewolucji w ofercie – wystarczy uprościć to, co już mamy.

Na początek zalecam przetestowanie wbudowanych ustawień WooCommerce – włączenie zakupów bez rejestracji, usunięcie zbędnych pól, transparentne koszty wysyłki. Jeżeli to nie wystarczy, warto sięgnąć po CartFlows lub FunnelKit i przetestować, jak przebudowany checkout wpłynie na konwersję.

Pamiętajmy – każde ułatwienie dla klienta to potencjalnie więcej sfinalizowanych zamówień. A o to przecież chodzi.

Jeżeli macie inne pytania odnośnie tworzenia stron internetowychadministracji stron internetowych lub pozycjonowaniem stron śmiało piszcie do nas.

Mateusz Adamski

Mateusz Adamski

Frontend Developer, Specjalista SEO. Od 2009 roku zajmuję się pozycjonowaniem oraz optymalizacją stron internetowych. Od 2012 roku specjalizuję się w tworzeniu stron i sklepów internetowych opartych na systemach CMS WordPress oraz Prestashop. Posiadam dobrą znajomość HTML5, CSS3, Bootstrap. Dysponuję również dużym doświadczeniem z programami Adobe Photoshop, Dreamweaver oraz CorelDRAW. Prywatnie jestem dużym fanem fotografii oraz motoryzacji. Od 2013 roku udzielam się jako klubowicz oraz moderator ogólnopolskiego klubu motoryzacyjnego. Masz jakieś pytania? Napisz do nas.