Drzwi Portal — sklep internetowy na WooCommerce

Konfigurator spięty z katalogiem sklepu

Drzwi nie kupuje się jak książki. Wybiera się model, kolor, wymiar, stronę otwierania i okucia, a dopiero z tego powstaje pozycja, którą da się wycenić i zamówić.

Najwięcej pracy pochłonęło właśnie połączenie konfiguratora z produktem w sklepie: karta modelu prowadzi przez wybory, a po drugiej stronie musi z tego wyjść konkretny towar w koszyku, z właściwą ceną i wariantem. To część, której kupujący nie widzi, bo dla niego ma po prostu działać.

Kolory drzwi są osobną strukturą przypisywaną do modeli, więc paleta nie jest przepisywana przy każdej pozycji.

Skonfigurowane drzwi można poprawić już po dodaniu do koszyka, bez usuwania pozycji i przechodzenia przez wybory od nowa. Przy zamówieniu, w którym pomyłka o jeden centymetr oznacza inny towar, to nie jest wygoda, tylko zabezpieczenie.

Montaż jako osobna ścieżka

Sprzedaż samych skrzydeł i sprzedaż z montażem to dwie różne rzeczy: inna cena, inny przebieg zamówienia, inny zakres odpowiedzialności. Drzwi z montażem mają w serwisie własny rodzaj treści, nie wariant produktu.

Ścieżka obejmuje wycenę, pomiar otworów, dostawę i założenie.

Montaż zmienia też stawkę podatku, więc katalog klamek ma przełącznik między ceną z podatkiem 23 i 8 procent. Obie kwoty są w kodzie strony od razu, a przełącznik jedynie pokazuje właściwą. Wybór zapamiętuje się między podstronami i jest ustawiany po stronie serwera, żeby przy przejściu na kolejną stronę listy nie mrugnęła najpierw poprzednia stawka.

Filtrowanie klamek bez wtyczki

Klamek jest ponad trzysta pięćdziesiąt, z podziałem na kolor, kształt rozety i linię produktową. Filtry działają na mechanizmie wbudowanym w sklep, bez dokładania wtyczki i bez odpytywania serwera w tle.

Wybór trafia do adresu strony. Działa więc przycisk wstecz, a link do konkretnego zestawu filtrów da się wysłać klientowi albo wkleić w reklamę. Lista dostępnych wartości bierze się z produktów w danej kategorii, więc nie pojawiają się filtry dające pustą listę.

Zgody i pomiar konwersji w kodzie motywu

Trzy wtyczki odpowiadające za zgody na ciasteczka i pomiar ruchu zastąpiłem kodem w motywie. Powód był mierzalny: wtyczka konfiguratora wypuszczała na każdej podstronie około dwustu kilobajtów arkuszy i skryptów, także tam, gdzie konfiguratora nie ma. Teraz jej pliki ładują się wyłącznie na karcie produktu, w koszyku i przy składaniu zamówienia.

Zdarzenia zakupowe idą prosto do analityki, z kolejką na czas przed decyzją o zgodzie i zabezpieczeniem przed policzeniem tej samej transakcji dwa razy. Grafiki motywu przeszły na WebP, co ścięło ich wagę z 1,3 megabajta do stu sześćdziesięciu kilobajtów.

Katalog prowadzony po modelach

Sklep pracuje na asortymencie jednego producenta, więc katalog idzie po nazwach modeli, tak jak klient je zapamiętuje z salonu. Osobno prowadzone są klamki, portfolio wykonanych montaży, opinie i dział pytań.

Serwis ruszył wiosną 2024 i wracam do niego do dziś — druga duża runda prac przypadła na 2026 rok.