Headless WooCommerce, czyli sklep w Astro z panelem WooCommerce. Kiedy to ma sens?

Krótka odpowiedź. Headless WooCommerce to sklep, w którym WooCommerce zostaje tylko zapleczem. Tam są produkty, ceny, stany i zamówienia. To, co widzi klient, czyli strony produktów i kategorii, buduje osobny front, na przykład w Astro. Koszyk, płatność i konto klienta zostają na WooCommerce. Efekt to szybki sklep z panelem, który już znasz. Ma to sens, gdy sklep jest wolny przez motyw i wtyczki. Nie ma sensu, gdy problem siedzi w samym koszyku albo w hostingu.

Wielu właścicieli sklepów zna to zdanie. „Sklep działa, ale na telefonie się mieli”. Strona produktu ładuje się kilka sekund, wynik w PageSpeed świeci na czerwono, a każda nowa wtyczka dokłada kolejny skrypt.

Pierwszy odruch to przeprowadzka na inną platformę. Drugi to abonament w sklepie w chmurze. Jest trzecia droga. Zostawiasz WooCommerce tam, gdzie jest dobry, i wymieniasz tylko to, co spowalnia sprzedaż.

Co to jest headless WooCommerce?

To podział sklepu na dwie części. WooCommerce działa jako backend (zaplecze, którego klient nie widzi). Front (część, którą klient ogląda w przeglądarce) robi inna technologia i pobiera dane z WooCommerce przez API (interfejs, przez który dwa systemy wymieniają dane).

W klasycznym sklepie WordPress robi wszystko naraz. Trzyma dane, składa stronę z motywu i wtyczek i wysyła ją klientowi. Przy każdej wizycie serwer liczy od nowa. W wersji headless strony produktów i kategorii mogą być gotowe wcześniej. Klient dostaje lekki plik HTML z serwera blisko siebie, a nie stronę składaną na żywo z bazy danych.

Słowo „headless” brzmi groźnie. W praktyce to po prostu sklep „bez głowy” WordPressa. Ciało, czyli zamówienia i panel, zostaje.

Dlaczego sklep na WooCommerce działa wolno?

Najczęściej przez motyw i wtyczki, a nie przez sam WooCommerce. Każda wtyczka może dokładać własne pliki CSS i JavaScript na każdej podstronie, także tam, gdzie nic nie robi. Po kilku latach sklep ma ich kilkadziesiąt.

Typowe powody, które widać w audytach, są zwykle te same.

• ciężki motyw z kreatorem stron, który ładuje wszystko wszędzie,
• skrypty firm trzecich (czat, piksele reklamowe, pop-upy, recenzje),
• zdjęcia produktów w pełnej rozdzielczości, bez WebP czy AVIF,
• tani hosting, na którym baza danych odpowiada powoli,
• brak cache, więc każda wizyta to nowe zapytania do bazy.

Szybkość to nie kosmetyka. Google mierzy ją wskaźnikami Core Web Vitals (o LCP, INP i CLS pisaliśmy w osobnym artykule). Klient z telefonu mierzy ją cierpliwością. Ta druga miara jest ostrzejsza.

Co daje sklep w Astro z panelem WooCommerce?

Daje szybkie strony produktów i kategorii bez rezygnacji z panelu WooCommerce. Astro domyślnie wysyła do przeglądarki sam HTML i CSS, bez JavaScriptu. Skrypt dokłada się tylko tam, gdzie jest naprawdę potrzebny, na przykład przy przycisku „Dodaj do koszyka” albo filtrach.

Różnicę najlepiej widać w zestawieniu.

Ostatnie dwa wiersze są najważniejsze dla właściciela. Nie uczysz się nowego systemu. Produkty, ceny i zamówienia obsługujesz tak jak dotąd.

Gdzie jest koszyk i płatność w sklepie Astro z WooCommerce?

U nas standard wygląda tak. Strona główna, kategorie, karty produktów, blog i strony z treścią są w Astro. To statyczne, szybkie strony na Cloudflare. Koszyk, checkout (ostatni krok zakupu z danymi i płatnością), konto klienta i płatności zostają na WooCommerce pod subdomeną, na przykład sklep.twojadomena.pl. Ta część dostaje ten sam wygląd co reszta strony, te same fonty i kolory, żeby klient nie miał wrażenia, że go gdzieś przerzuciło.

Dlaczego akurat tak? Bo polskie płatności, wysyłki i faktury mają do WooCommerce gotowe, utrzymywane wtyczki.

• płatności Przelewy24, PayU, Tpay i BLIK,
• InPost z mapą paczkomatów i Furgonetka,
• faktury z Fakturowni, inFaktu albo wFirmy, podpięte pod zamówienia.

Dane płatnicze idą przez sprawdzone wtyczki i strony bramek płatności, a nie przez kod pisany od zera. Przy pieniądzach im mniej własnego kodu, tym mniej ryzyka.

SEO na tym nie traci. Wszystko, co ma się pozycjonować, czyli kategorie, produkty i blog, jest w Astro. Koszyk i checkout i tak mają noindex, bo nie ma powodu, żeby Google je pokazywał.

Jest też droższy wariant. Koszyk i płatność można zbudować w samym Astro przez WooCommerce Store API, bez przejścia na subdomenę. To ma sens przy małym katalogu i jednej bramce płatności. Każdą integrację trzeba wtedy jednak napisać, przetestować i utrzymywać osobno, więc ten wariant wyceniamy oddzielnie.

Gdzie stoi panel WordPressa?

Na zwykłym hostingu PHP, najlepiej polskim i zarządzanym, z kopiami zapasowymi i SSL. Nie na Cloudflare, bo Cloudflare Workers nie uruchamiają PHP, a WordPress bez PHP nie zadziała. Publiczna strona w Astro stoi na Cloudflare pod Twoją główną domeną, a sklep z panelem na subdomenie.

Uczciwie trzeba powiedzieć jedno. Przy sklepie nie obiecujemy „strony bez WordPressa”. Publiczna strona jest statyczna i szybka, ale WordPress z WooCommerce dalej pracuje jako zaplecze sklepu i trzeba go regularnie aktualizować.

Skąd strona w Astro wie o nowej cenie?

Produkty, ceny i warianty są tylko w WooCommerce, w jednym miejscu. Kiedy zmieniasz cenę albo stan magazynowy, strona w Astro odświeża się na dwa sposoby. Albo WooCommerce uruchamia przebudowę strony, albo cena i dostępność są dociągane z API przy wyświetlaniu karty produktu. Dzięki temu klient nie zobaczy starej ceny.

Czego headless WooCommerce nie naprawi?

Nie naprawi wolnego zaplecza. Koszyk, liczenie dostawy i tworzenie zamówienia dalej robi WooCommerce. Jeśli baza danych odpowiada wolno albo hosting się dławi, klient poczuje to dokładnie w chwili płacenia.

Drugi haczyk to checkout. Skoro koszyk i płatność zostają na WooCommerce, to ta część musi być lekka i dopracowana osobno. Szybkie karty produktów nic nie dadzą, jeśli ostatni krok ładuje się wieki.

Trzecia rzecz to wtyczki. W klasycznym sklepie instalujesz wtyczkę i widzisz efekt na stronie. W headless wtyczka zmieni zaplecze i checkout, ale strony w Astro trzeba dopasować ręcznie. To nie wada, tylko inny sposób pracy. Warto o nim wiedzieć przed decyzją.

Szczerze? Jeśli klienci porzucają koszyk przez dopłatę za wysyłkę na ostatnim kroku, żaden framework tego nie zmieni. To kwestia ścieżki zakupu, nie technologii.

Kiedy headless WooCommerce ma sens, a kiedy nie?

Ma sens, gdy sklep jest dla Ciebie realnym kanałem sprzedaży, a strony produktów i kategorii spowalnia motyw. Nie ma sensu, gdy sprzedajesz kilka produktów albo wolno działa sam serwer.

Zanim cokolwiek przebudujesz, zrób diagnozę. Uruchom PageSpeed Insights i sprawdź, które audyty nie przechodzą. Jeśli winne są zdjęcia i skrypty, czasem wystarczy porządek w obecnym sklepie. Częstsze powody wolnego ładowania opisaliśmy w artykule o tym, dlaczego strony wolno się ładują.

Przykład hipotetyczny. Sklep z kawą ma 300 produktów, motyw z kreatorem i 30 wtyczek. Właściciel lubi panel WooCommerce, ale strony kategorii na telefonie ładują się długo. Tu front w Astro ma sens, bo problem jest w warstwie, którą widzi klient, a panel może zostać. Gdyby ten sam sklep stał na przeciążonym hostingu, pierwszym krokiem byłaby zmiana serwera, nie przebudowa.

Ile kosztuje sklep w Astro z panelem WooCommerce?

W Kaminski.link sklep w Astro z panelem WooCommerce kosztuje od 8 000 do 18 000 zł. To kwota końcowa, bo korzystamy ze zwolnienia z VAT i nic do niej nie doliczamy. Termin podajemy w ofercie, bo zależy od katalogu i integracji.

W cenie dostajesz kilka rzeczy gotowych do sprzedaży.

• sklep w Astro z panelem WooCommerce,
• płatności Przelewy24 (szybkie przelewy i BLIK) oraz Stripe (karty),
• integracja z InPostem i DPD,
• optymalizacja SEO i szybkości,
• certyfikat SSL i hosting na 12 miesięcy,
• 60 dni wsparcia technicznego po starcie.

Na kwotę wpływa wielkość katalogu, gotowość opisów i zdjęć, liczba integracji (np. BaseLinker i Allegro) i nietypowe widoki. Sklep B2B z cenami dla kontrahentów albo ścisła współpraca z ERP to osobna wycena po analizie. Wszystkie pakiety obok siebie znajdziesz w cenniku stron www, a jak porównywać oferty różnych wykonawców, wyjaśniamy w artykule ile kosztuje sklep internetowy.

Po starcie dochodzi domena, którą rejestrujesz na siebie, i hosting po pierwszym roku. Stała opieka kosztuje od 649 zł miesięcznie. Z opieki rezygnujesz mailem, z 30 dniami wypowiedzenia.

Jak przenieść istniejący sklep WooCommerce na front w Astro?

Bez przeprowadzki danych. Produkty, klienci i historia zamówień zostają w WooCommerce. Wymieniasz tylko warstwę, którą widzi klient.

Kolejność wygląda mniej więcej tak.

1. Audyt obecnego sklepu. Szybkość, SEO, wtyczki, które naprawdę coś robią.
2. Lista adresów URL produktów i kategorii, żeby nie zgubić pozycji w Google.
3. Projekt najważniejszych widoków. Akceptujesz makiety, zanim zaczniemy kodować.
4. Budowa frontu w Astro, połączenie z WooCommerce i dopasowanie wyglądu koszyka i checkoutu.
5. Test całej ścieżki zakupu, od karty produktu po płatność i etykietę kuriera.
6. Przekierowania 301 tam, gdzie zmieniają się adresy, i publikacja.

Punkt 2 i 6 to miejsca, gdzie sklepy najczęściej tracą ruch po zmianie. Jak zrobić to dobrze, opisaliśmy w artykule o migracji strony bez utraty pozycji w Google.

Klasyczny WooCommerce to sklep, w którym kasa i witryna stoją w jednym, ciasnym pomieszczeniu. Headless rozdziela je tak, żeby witryna była szybka, a kasa dalej taka sama.

Najczęstsze pytania

Czy po przejściu na headless nadal obsługuję zamówienia w WooCommerce?

Tak. Panel zostaje ten sam. Dodajesz produkty, zmieniasz ceny i obsługujesz zamówienia w WooCommerce, tak jak dotąd.

Czy headless WooCommerce jest lepszy dla SEO?

Zależy od wykonania. Szybkie strony i czysty kod pomagają, bo szybkość jest jednym z sygnałów, które Google bierze pod uwagę. Ale treść, struktura kategorii i linki dalej robią większą różnicę. Nie obiecujemy konkretnych pozycji w Google.

Gdzie klient płaci za zamówienie?

Na WooCommerce, pod subdomeną sklepu, na przykład sklep.twojadomena.pl. Koszyk i checkout mają ten sam wygląd co reszta strony, a płatności obsługują gotowe wtyczki Przelewy24, PayU, Tpay czy BLIK.

Czy wtyczki WooCommerce będą działać?

Te, które działają w zapleczu i w checkoucie, zwykle tak. Na przykład płatności, wysyłka, faktury czy integracja z BaseLinkerem. Wtyczki, które zmieniają wygląd sklepu, trzeba zastąpić elementem we froncie. Dlatego przed wyceną robimy listę wtyczek i sprawdzamy, które są potrzebne.

Czy to droższe niż zwykły sklep na WooCommerce?

Na starcie zwykle tak, bo front projektujemy i kodujemy od zera, a nie kupujemy gotowy motyw. U nas sklep kosztuje od 8 000 do 18 000 zł. W zamian nie płacisz abonamentu za platformę, a sklep i kod zostają Twoje.

Czy sklep w Astro jest bez WordPressa?

Nie do końca. Publiczna strona jest statyczna i nie ma na niej WordPressa. WordPress z WooCommerce działa jako zaplecze sklepu na zwykłym hostingu PHP i trzeba go aktualizować, tak jak każdy sklep na WooCommerce.

Czy muszę przenosić produkty i zamówienia?

Nie. Dane zostają w WooCommerce. Zmienia się tylko to, co widzi klient.

Źródła

• Dokumentacja Astro, WordPress jako headless CMS
• Dokumentacja WooCommerce Store API
• Google, Core Web Vitals
• PageSpeed Insights

Masz wolny sklep na WooCommerce?

Zamów bezpłatny audyt sklepu. Sprawdzimy szybkość, SEO, działanie na telefonie i wygodę zakupów, a potem uczciwie powiemy, czy wystarczy porządek w obecnym sklepie, czy front w Astro faktycznie się opłaci. Zamów bezpłatny audyt