Przejdź do treści

Headless Shopify dla małej marki z Wrocławia.

Własny front w Next.js na Shopify opłaca się małej marce, gdy strona produktu w motywie ładuje się za wolno. Kryteria, pomiar i start od 10 000 zł netto.

Marek

5 minut czytania

Wrocław · Sklepy

Wizualizacja Hex16: relief sześciokątny, odcień Wrocławia.
Relief w odcieniu Wrocławia.

Sklep headless na Shopify zaczynamy od 10 000 zł netto (cennik 2026). Małej marce opłaca się on wtedy, gdy strona produktu w gotowym motywie ładuje się za wolno i każda zmiana układu wymaga kolejnej aplikacji. Marce kosmetyków naturalnych z Wrocławia własny front podniósł wynik PageSpeed strony produktu na telefonie z 38 do 84, a konwersję z 1,3% do 1,6%.

Porównanie z dwoma konkurentami robimy przed publikacją przy każdym sklepie z Wrocławia, bo w jednej kategorii produktu walczy w Google wiele sklepów z tego miasta. Tak samo prowadzimy strony internetowe Wrocław dla firm usługowych, w całości zdalnie.

Headless dzieli sklep na front i Shopify.

W panelu Shopify nic się dla Ciebie nie zmienia: produkty, stany, rabaty, zamówienia i zwroty prowadzisz tam, gdzie dziś. Zmienia się to, co widzi klient przed płatnością. Tę część piszemy w Next.js, a strona produktu przychodzi z serwera jako gotowy HTML, więc telefon nie czeka na skrypty motywu.

Checkout zostaje Shopify. Nie przepisujemy go i nie chcemy przepisywać, bo płatności, faktury i dane do wysyłki działają tam dobrze, a każda zmiana w tym miejscu to ryzyko utraconych zamówień. Tak działa sklep Shopify headless w naszym wykonaniu.

We froncie trzymamy też treści marki: poradniki, składy i historię marki. Mają ten sam wygląd i te same adresy co sklep, więc klient z wpisu o pielęgnacji przechodzi do produktu bez zmiany strony.

Własny front zwraca się przy dwóch z trzech sygnałów.

Własny front ma sens, gdy w sklepie widzisz co najmniej dwa z tych sygnałów:

  • strona produktu na telefonie pokazuje największy element później niż po 2,5 s, czyli powyżej granicy, którą Google uznaje za dobry wynik;
  • produkty potrzebują długich opisów, składów, porad albo kilku zdjęć w dużej rozdzielczości;
  • każda zmiana układu w motywie oznacza kolejną płatną aplikację, a sklep ma ich już kilka.
Trzy bursztynowe szklane buteleczki kosmetyczne z czarnymi nakrętkami, bez etykiet.

Pierwszy sprawdzisz sam w PageSpeed Insights. Drugi i trzeci znasz z pracy przy sklepie. Jeśli żaden nie pasuje, zostań przy motywie, a pieniądze wydaj na zdjęcia i pierwszą kampanię.

Z motywu na własny front przechodzi się bez przeprowadzki katalogu. Produkty, klienci i historia zamówień zostają w Shopify, a stare adresy produktów dostają przekierowania.

Szybkość mierzymy na stronie produktu, obok konkurencji.

Marka kosmetyków naturalnych z ok. 60 produktami zgłosiła się do nas w lutym 2026, bo strona produktu „mieliła” na telefonie kilka sekund. Ja zaczynam w takiej sytuacji od zakładki Network w narzędziach przeglądarki. Motyw ładował osiem skryptów z aplikacji, w tym dwa od aplikacji z opiniami, z której marka przestała korzystać rok wcześniej, ale której nikt nie odinstalował.

Wynik strony produktu w PageSpeed na telefonie: 38. Największy element pokazywał się po 4,8 s. Po starcie nowego frontu wynik wyniósł 84, a czas 2,1 s. Dwa sklepy, które w Google stoją obok tej marki na tę samą frazę produktową, miały tego dnia 54 i 61.

Mierzymy zawsze stronę produktu z podobną liczbą zdjęć, w wersji na telefon, u nas i u konkurencji tego samego dnia. Wynik strony głównej mówi niewiele, bo klient z reklamy trafia prosto na produkt.

Pakiet rabatowy zajął trzy dni zamiast jednego.

Aplikacje, które wstrzykują do motywu własny kod, oglądam przed wyceną najdłużej. Aplikację z pakietami rabatowymi „kup trzy, zapłać za dwa” szacowałem na dzień pracy, a jej odtworzenie w kodzie zajęło trzy, bo reguły rabatów siedziały w ustawieniach aplikacji, poza danymi Shopify. Projekt kosztował 12 400 zł netto i trwał 7 tygodni zamiast planowanych 6.

Druga wpadka była mniejsza. Adresy produktów w postaci /collections/…/products/…, które Shopify tworzy w motywie obok zwykłych /products/…, dostały przekierowania dopiero dzień po starcie, kiedy Search Console pokazał pierwsze błędy 404.

Konwersja sklepu wynosiła 1,3% przez trzy miesiące przed zmianą i 1,6% przez trzy miesiące po niej (Shopify Analytics klienta). PageSpeed urósł ponad dwa razy, konwersja o niecałą czwartą. Ta druga liczba jest dla marki ważniejsza. Część różnicy może też wynikać z pory roku, więc pełne porównanie rok do roku zrobimy wiosną 2027.

Abonament Shopify płacisz osobno.

Konto Shopify zakładasz Ty, na swoją firmę, a my dostajemy dostęp współpracownika. Abonament płacisz Shopify bezpośrednio, bez naszej marży. Według cennika planów Shopify, sprawdzonego 19.08.2026, miesięczne kwoty plus VAT wynoszą:

  • Basic: 79 zł przy rozliczeniu rocznym, 109 zł przy miesięcznym;
  • Grow: 239 zł albo 319 zł;
  • Advanced: 1 220 zł albo 1 630 zł.

Mała marka zaczyna zwykle od Basic albo Grow. Jeśli płatności obsługuje operator spoza Shopify Payments, Shopify dolicza od transakcji 2% na Basic, 1% na Grow i 0,6% na Advanced.

Sklep headless startuje od 10 000 zł netto.

W kwocie startowej jest projekt, własny front, połączenie z Shopify, przetestowany checkout, SEO techniczne i 30 dni na poprawki po publikacji. Ten sam podział na pozycje, który stosujemy przy stronach, opisuje tekst o wycenie strony firmowej.

ZakresCo obejmujeCena nettoCzas
Sklep headlessprojekt, front w Next.js, katalog, koszyk, checkout Shopify, SEO techniczneod 10 000 złtermin w wycenie
Przejście z motywumapa starych adresów, przekierowania, przeniesienie treści stronpozycja w wycenierazem ze sklepem
Aplikacja do odtworzenia w kodzierabaty, opinie, pakiety produktów200 zł za godzinępo przeglądzie listy aplikacji
Opieka po starcieaktualizacje frontu, kopie, drobne zmianyod 300 zł miesięczniepo 30 dniach poprawek

Kwotę najbardziej podnoszą aplikacje do zastąpienia w kodzie, co widać po przykładzie wyżej. Obniża ją uporządkowany katalog i gotowe zdjęcia.

Wycena

Taką wycenę przygotujemy też dla Twojej firmy z Wrocławia.

Odbierz stałą wycenę

Projekt prowadzimy zdalnie. Makietę przeglądasz pod roboczym adresem i przypinasz uwagi do konkretnych kart produktu.

Zanim napiszesz, zbierz trzy rzeczy: adres sklepu, wynik PageSpeed Twojej najczęściej odwiedzanej strony produktu i listę zainstalowanych aplikacji. Wyślij je w jednej wiadomości. Listę aplikacji czytam pierwszą, bo to ona, jak przy pakietach rabatowych, przesuwa termin i kwotę.

Pytania i odpowiedzi.

Czy mogę wrócić do motywu Shopify, jeśli headless się nie sprawdzi?

Możesz. Motyw zostaje na Twoim koncie Shopify, więc powrót to przepięcie domeny i przekierowania adresów, zwykle jeden dzień pracy.

Ile produktów musi mieć sklep, żeby headless się opłacał?

Liczba produktów ma mniejsze znaczenie niż ruch na stronach produktu. Przy kilkunastu produktach i małym ruchu zwykle zostajemy przy motywie, a przy kilkudziesięciu produktach z długimi opisami i ruchem z reklam własny front zaczyna się zwracać.

Czy kody rabatowe z Shopify działają we własnym froncie?

Działają. Kod wpisuje się w checkoucie Shopify, który zostaje bez zmian, a rabaty automatyczne pokazujemy w koszyku na podstawie danych z Twojego konta.

Autor

Marek

Pisze strony w Next.js od zera, bez wtyczek, i zostaje przy nich po starcie.

Więcej o nas

Wrocław

Strony dla firm z Wrocławia.

Studio
Bolesławiec, ok. 125 km
Ceny
od 2 500 zł netto
Branże
usługi biznesowe, IT, gastronomia
Strony internetowe Wrocław

Usługa

Sklep internetowy

Front sklepu piszemy w Next.js; produkty, koszyk, płatności i wysyłka zostają w Shopify.

Wdrożenie

PamiętajMnie.pl
jeden przepływ w publicznej wersji aplikacji
konto · strona · płatność

Aplikacja internetowa · redesign, SEO, konto i płatności

Kontakt

Zróbmy stronę dla Wrocławia.

Pełna oferta: strony internetowe Wrocław.

Umów 20 minut rozmowy