Pan Kotecki, sklep internetowy

Jak wyróżnić sklep wśród ofert zbudowanych na gotowych szablonach?

Sklep internetowy z konfiguratorem zestawów, w którym kupujący wybiera wzór każdej części kompletu i płaci w formularzu osadzonym na stronie sklepu.

Klient: Pan Kotecki
Usługi: Sklepy internetowe
Branża: Handel internetowy
Strona: pankotecki.pl

stan na wrzesień 2026

Sytuacja przed projektem

Pan Kotecki sprzedaje przez internet akcesoria, zabawki i drobiazgi dla kotów oraz ich właścicieli. To własny sklep współwłaścicieli agencji, a zakup i obsługa zamówienia miały w nim wymagać jak najmniej ręcznej pracy.

Zlecenie obejmowało sklep z własnym projektem graficznym, napisany od podstaw, bez szablonu gotowej platformy. W asortymencie miały być zestawy, które kupujący kompletuje, wybierając wzór każdej części. Zakup miał przechodzić bez zakładania konta, z płatnością na stronie sklepu i dostawą do paczkomatu.

Po stronie właścicieli każda wpłata miała zmieniać status zamówienia, stany magazynowe miały aktualizować się automatycznie, a dane odbiorcy miały trafiać na etykietę bez przepisywania. Do zarządzania sklepem służy panel na telefonie, który opisujemy jako osobny projekt.

Pytania, na które projekt odpowiadał

Jak sprzedawać zestawy, które kupujący kompletuje z kilku produktów?
Jak przyjmować karty, BLIK i Przelewy24 w formularzu utrzymanym w kolorach sklepu?

Zakres prac

Sklep od podstaw, z własnym projektem graficznym
Katalog z filtrami, sortowaniem i wyszukiwarką
Konfigurator zestawów
Koszyk i zakup bez zakładania konta
Płatność kartą, BLIKiem i Przelewami24 w sklepie
Paczkomat z mapy, kurier i odbiór osobisty
Kontrola stanów w chwili zamówienia
Wiadomości e-mail do kupujących, opinie i newsletter
Wdrożenie na domenie sklepu i hosting

Połączone usługi

Stripe
BLIK
Przelewy24
InPost
Supabase
Resend
Meta Pixel

Jak to zrobiliśmy

Katalog i konfigurator zestawów
Katalog dzieli asortyment na kategorie z liczbą produktów i ma suwak ceny, filtr dostępności oraz sortowanie, od polecanych i promocji po cenę i nazwę. Na telefonie filtry chowają się w rozwijanym panelu, a wyszukiwarka w nagłówku szuka po nazwie i krótkim opisie produktu.
Karta produktu ma galerię zdjęć, licznik sztuk i informację o czasie wysyłki, a pod opisem inne produkty z tej kategorii. Kafelki w katalogu pokazują etykiety bestsellerów, promocji i nowości, przekreśloną starą cenę i przycisk szybkiego dodania do koszyka. Adresy produktów są czytelne, mapa witryny obejmuje wszystkie karty produktów, a dane strukturalne opisują sklep i każdy produkt z ceną i dostępnością.
Zestawy dostały konfigurator. Kupujący wskazuje w nim wzór dla każdego elementu kompletu albo wybiera kilka sztuk z jednej listy. Licznik pokazuje postęp, a dopóki brakuje wyboru, przycisk dodania do koszyka jest zablokowany i podpowiada, ile pól zostało. Cena kompletu jest stała, a sklep nie przyjmie zestawu z pustym polem. Ten konfigurator jest jednym z przykładów na stronie usługi konfigurator produktu.
Nowy zestaw właściciel układa w panelu na telefonie, wskazując części i dozwolone wzory. Zdjęcia produktów wgrywa z telefonu, a serwer sam je zmniejsza i zapisuje w lekkim formacie WebP.
Kasa bez zakładania konta
Zakup bez zakładania konta jest w kasie ustawieniem domyślnym. Konto jest dobrowolne i nie wymaga hasła, bo link do logowania przychodzi e-mailem. Zalogowanemu kupującemu kasa uzupełnia dane i zapisane adresy, a w koncie widzi on zamówienia ze statusem i numerem przesyłki.
Do wyboru są paczkomat InPost, kurier InPost i odbiór osobisty, a paczkomat kupujący wskazuje na mapie przewoźnika. Pola formularza pilnują poprawności. Numer telefonu musi mieć dziewięć cyfr, a pole pokazuje, ilu brakuje. Myślnik w kodzie pocztowym wstawia się sam, a przy literówce w adresie e-mail pojawia się podpowiedź.
Formularz płatności operatora Stripe jest osadzony w kasie, po polsku i w kolorach sklepu, z kartą, BLIKiem i Przelewami24. Kwotę do zapłaty, razem z rabatem i dostawą, wylicza sklep, więc nikt z zewnątrz nie podmieni ceny.
Kod rabatowy wpisuje się w kasie, a właściciel ustawia rabat procentowy albo kwotowy, minimalną wartość zamówienia i limit użyć. Pasek w koszyku podpowiada, ile brakuje do darmowej dostawy.
Od wpłaty do paczki
Zamówienie liczy się jako opłacone dopiero po potwierdzeniu od operatora płatności. Wtedy kupujący dostaje e-mail z listą produktów, wybranymi wzorami zestawu i sposobem dostawy, a właściciel powiadomienie na telefon.
Towar schodzi ze stanu w chwili złożenia zamówienia i wraca do sprzedaży po dwóch godzinach bez wpłaty. Przesyłkę InPost właściciel zakłada w panelu bez przepisywania adresu, także kilka paczek do jednego zamówienia.
Gdy właściciel oznaczy zamówienie jako dostarczone, sklep wysyła kupującemu prośbę o opinię z osobistym linkiem. Opinię wystawia więc tylko kupujący i tylko dla kupionych produktów, z oznaczeniem potwierdzonego zakupu, a gwiazdki trafiają do danych dla wyszukiwarek.
Sklep zbudowaliśmy w Next.js i uruchomiliśmy w chmurze Vercel, a ceny, płatności, wiadomości e-mail i przesyłki obsługuje osobny serwer zamówień na Renderze. Produkty, zamówienia i zdjęcia leżą w bazie Supabase, z której korzysta też panel właściciela. Co wpływa na cenę takiego sklepu, opisuje artykuł ile kosztuje sklep internetowy.
Zapis do newslettera wymaga zgody i potwierdzenia e-mailem, po którym przychodzi kod rabatowy. Piksel Meta włącza się dopiero po zgodzie w banerze z przyciskami Tylko niezbędne i Akceptuję wszystkie. Regulamin, polityka prywatności i strona zwrotów ze wzorem formularza odstąpienia mają osobne podstrony.