--- title: "Sklep internetowy połączony z magazynem i systemami firmy" description: "Sklepy na WooCommerce połączone z magazynem, BaseLinkerem i kurierem albo projekt sklepu pod Waszą platformę. Karta produktu i koszyk najpierw na telefon." url: https://fluostudio.pl/uslugi/strony-www/sklep-internetowy/ --- # Sklep internetowy połączony z resztą firmy. Projektujemy sklepy, które wiedzą, co leży w magazynie, i dają się obsłużyć kciukiem na telefonie. Wdrażamy je na WooCommerce albo projektujemy pod platformę, której już używacie. [Porozmawiajmy o Waszej stronie](https://fluostudio.pl/kontakt/) Zobacz realizacje 01 Punkt wyjścia ## Co dziś nie działa w Waszym sklepie? Te cztery zdania słyszymy najczęściej. Pod każdym jest to, co z tym robimy, i realizacja z podobnym punktem wyjścia. „Sklep żyje obok salonów i nie wie, co mamy na półkach.” Sklep połączony z magazynem i salonami Stany, ceny i zamówienia nie powinny żyć w dwóch miejscach. Łączymy sklep z programem magazynowym i systemami sprzedaży, a przy produktach dostępnych tylko na miejscu klient widzi, w którym salonie je znajdzie. Co robimy - Mapa tego, gdzie dziś żyją stany, ceny i zamówienia. - Połączenie sklepu z programem magazynowym, BaseLinkerem i kurierem. - Karta produktu z dostępnością w salonach. Zobacz naszą podobną realizację [![Karta oprawek w projekcie sklepu Design Optyk z listą salonów, które mają model.](https://fluostudio.pl/media/uslugi/strony-www/sklep-internetowy/designoptyk-1600.webp)](https://fluostudio.pl/projekty/designoptyk/) Design Optyk Napisaliśmy aplikację, która czyta stany z programu magazynowego w salonach Design Optyk i przekazuje je do sklepu. Sztuka sprzedana online czeka w salonie dwie godziny jego pracy, a jeden przełącznik w panelu zamienia koszyk na „Zapytaj o produkt” z listą salonów, które mają dany model. [Zobacz projekt Design Optyk](https://fluostudio.pl/projekty/designoptyk/) Podobne realizacje - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) - [Hana Design](https://fluostudio.pl/projekty/hana-design/) „Klienci kupują z telefonu, a nasz sklep jest wygodny tylko na komputerze.” Sklep zaprojektowany od karty produktu na telefonie Zaczynamy od widoku, który na telefonie jest najważniejszy, zwykle od karty produktu. Zdjęcia przewijają się w bok, przycisk zakupu jest zawsze pod kciukiem, a parametry czekają w rozwijanych sekcjach. Co robimy - Projekt od karty produktu na telefonie, a potem reszta sklepu. - Stany, o których łatwo zapomnieć: produkt niedostępny, widok po dodaniu do koszyka, lista po dwa, trzy i cztery produkty w rzędzie. - Ruch, który da się wdrożyć bez ciężkich efektów. Zobacz naszą podobną realizację [](https://fluostudio.pl/projekty/overmax/) Overmax Większość klientów Overmax ogląda sklep na telefonie, a najważniejszym widokiem jest dla nich karta modelu. Dlatego projekt sklepu z autami RC zaczęliśmy od mobilnej karty X-Hooligana. Sklep wdrożył zespół Overmax. [Zobacz projekt Overmax](https://fluostudio.pl/projekty/overmax/) Podobne realizacje - [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) - [Itodi](https://fluostudio.pl/projekty/itodi/) „Sklep mamy na gotowej platformie i nie chcemy jej zmieniać.” Projekt pod platformę, której używacie Nie każdy sklep trzeba przenosić. Projektujemy wygląd i układ pod platformę, na której już sprzedajecie, a Wasz zespół albo wykonawca wdraża go według naszych plików. Od początku pilnujemy, żeby wszystko dało się na tej platformie zbudować. Co robimy - Przegląd tego, co platforma pozwala zmienić. - Projekt strony głównej, listy i karty produktu na komputer i telefon. - Pliki dla zespołu wdrożeniowego: ikony, zdjęcia i grafiki do szablonu. Zobacz naszą podobną realizację [![Projekt sklepu Novicare24 z dofinansowaniami na pierwszym planie, na laptopie.](https://fluostudio.pl/media/uslugi/strony-www/sklep-internetowy/novicare-1600.webp)](https://fluostudio.pl/projekty/novicare/) Novicare Zaprojektowaliśmy sklep Novicare24 na komputer i telefon, z dofinansowaniami z NFZ, PFRON i MOPS na pierwszym planie. Sklep wdrożył zespół klienta na platformie Shoper, a my przygotowaliśmy grafiki do szablonu. [Zobacz projekt Novicare](https://fluostudio.pl/projekty/novicare/) Podobne realizacje - [Overmax](https://fluostudio.pl/projekty/overmax/) - [HomeKoncept](https://fluostudio.pl/projekty/homekoncept/) „Chcemy zmienić sklep, ale boimy się, że stracimy klientów z Google.” Przeprowadzka produktów razem z adresami Produkty przenosimy ze starego sklepu razem z opisami, kategoriami i zdjęciami, a przy okazji je porządkujemy. Każdy stary adres produktu kierujemy na nowy, a start planujemy razem z osobami, które prowadzą Wasze SEO. Co robimy - Spis produktów, kategorii i adresów starego sklepu. - Przeniesienie i ujednolicenie danych produktów. - Przekierowania i raporty z Google sprawdzone po starcie. Zobacz naszą podobną realizację [![Katalog krzeseł i foteli na biurokoncept.pl.](https://fluostudio.pl/media/uslugi/strony-www/sklep-internetowy/biurokoncept-1600.webp)](https://fluostudio.pl/projekty/biurokoncept/) Biurokoncept Stary sklep Biurokoncept stał na Redcart. Produkty przenieśliśmy, uzupełniliśmy i ujednoliciliśmy, a każdy stary adres produktu prowadzi teraz na nowy. Start przygotowaliśmy razem z agencją SEO klienta. [Zobacz projekt Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) Podobne realizacje - [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) 02 Co dostajecie ## Sklep, który prowadzicie sami Sklep to codzienna praca: nowe produkty, promocje i zamówienia. Projektujemy go tak, żeby klient szybko znalazł produkt, a Wasz zespół szybko go dodał. ### Karta produktu, która odpowiada na pytania Zdjęcia, warianty, dostępność i parametry stoją w kolejności, w jakiej klient o nie pyta. Wybór wariantu sprawdzamy na prawdziwej liczbie kolorów i rozmiarów, a przy produktach na zamówienie koszyk może zamienić się w zapytanie. Przykład W sklepie Design Optyk porównaliśmy w Figmie dwa sposoby wyboru koloru, przy czterech i przy dwunastu wariantach. Wygrały kółka. [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) ### Porównywarka, która pokazuje różnice Klient porównuje produkty, żeby zobaczyć, czym się różnią. Identyczne wiersze chowa więc jeden przełącznik, a różnice zostają na wierzchu. Przykład W projekcie sklepu Overmax porównywarka ma przełącznik, który chowa wszystkie identyczne parametry. [Overmax](https://fluostudio.pl/projekty/overmax/) ### Filtry, które naprawdę filtrują Filtr działa tylko wtedy, gdy produkty mają uzupełnione cechy. Ustalamy z Wami, po czym klienci wybierają, i porządkujemy dane produktów, przy dużym katalogu z pomocą AI i z ręcznym sprawdzeniem każdego wyniku. Przykład Dobór kolorów wariantów i metadane zautomatyzowaliśmy z pomocą AI, a każdy wynik sprawdziliśmy ręcznie. Tak opisaliśmy ponad 500 oprawek, a dziewięć filtrów ustalonych z klientem ma wreszcie na czym pracować. [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) ### Strona główna na co dzień i na czas promocji Strona główna sklepu ma dwa stany: zwykły dzień i promocję. Projektujemy oba od początku, żeby baner promocji nie rozsypywał układu, a sklep wyglądał jak marka z opakowania. Przykład Strona główna w projekcie sklepu Zippy Tail ma dwie wersje: kafelki z karuzelą na co dzień i jeden duży baner na czas promocji. W sklepie są te same kolory, zwierzęta i etykiety co na opakowaniach. [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) ![Projekt sklepu Overmax na laptopie w ciemnym, niebieskim świetle.](https://fluostudio.pl/media/uslugi/strony-www/sklep-internetowy/pas-1600.webp) 03 Realizacje ## Sklepy, które zaprojektowaliśmy Sklep Design Optyk zaprojektowaliśmy i wdrożyliśmy. Przy pozostałych zrobiliśmy projekt UX/UI, a sklep wdrożył zespół klienta albo inny wykonawca. [Wszystkie realizacje](https://fluostudio.pl/projekty/) Widok Duże kadry Siatka - [![Strona główna sklepu designoptyk.com z okularami na czerwonym tle.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/designoptyk-1600.webp)Design Optyk Sklep sieci salonów optycznych, połączony z magazynami salonów.](https://fluostudio.pl/projekty/designoptyk/) - [![Projekt sklepu Overmax: strona główna, karta modelu i lista aut.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/overmax-1600.webp)Overmax Projekt sklepu z autami RC, zaczęty od karty modelu na telefonie. Sklep wdrożył zespół Overmax.](https://fluostudio.pl/projekty/overmax/) - [![Projekt sklepu itodi na tablecie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/itodi-1600.webp)Itodi Projekt sklepu mebli na wymiar z konfiguratorem, przy którym nie trzeba znać się na meblach.](https://fluostudio.pl/projekty/itodi/) - [![Projekt sklepu Zippy Tail na laptopie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/zippy-tail-1600.webp)Zippy Tail Projekt sklepu z suplementami dla psów i kotów, w tych samych kolorach co opakowania.](https://fluostudio.pl/projekty/zippy-tail/) - [![Projekt strony głównej sklepu Novicare24 na laptopie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/novicare-1600.webp)Novicare Projekt sklepu ze sprzętem rehabilitacyjnym, w którym dofinansowania są na pierwszym planie.](https://fluostudio.pl/projekty/novicare/) - [![Projekt wyszukiwarki projektów domów HomeKoncept.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/homekoncept-1600.webp)HomeKoncept Projekt serwisu z projektami domów: wyszukiwarka, karta projektu i koszyk z pakietami dodatków.](https://fluostudio.pl/projekty/homekoncept/) 04 Zakres ## Co składa się na sklep internetowy Klient widzi kartę produktu i koszyk. Za nimi pracują magazyn, kurier i dane, które ktoś musi utrzymać, więc projektujemy całość. Pojęcia, które brzmią technicznie, tłumaczymy po ludzku w słowniku. ### Sklep - [Sklep internetowy](https://fluostudio.pl/baza-wiedzy/slownik/sklep-internetowy/) - Karta produktu - Lista produktów i filtry - Porównywarka - Koszyk i zamówienie - Strona główna na co dzień i na promocje - Zapytanie o produkt - [Mobile first](https://fluostudio.pl/baza-wiedzy/slownik/mobile-first/) Robiliśmy to między innymi dla - [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) - [Overmax](https://fluostudio.pl/projekty/overmax/) - [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) ### Platforma i połączenia - WooCommerce - Projekt pod Shoper i inne platformy - Program magazynowy - BaseLinker - Kurier i paczkomaty - Dostępność w salonach Robiliśmy to między innymi dla - [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) - [Novicare](https://fluostudio.pl/projekty/novicare/) ### Dane produktów - Przeniesienie produktów - Warianty i cechy - Opisy i metadane - Uzupełnianie danych z pomocą AI - [Dane strukturalne](https://fluostudio.pl/baza-wiedzy/slownik/dane-strukturalne/) Robiliśmy to między innymi dla - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) - [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) ### Start i opieka - [Przekierowania 301](https://fluostudio.pl/baza-wiedzy/slownik/przekierowanie-301/) - [SEO](https://fluostudio.pl/baza-wiedzy/slownik/seo/) - [Core Web Vitals](https://fluostudio.pl/baza-wiedzy/slownik/core-web-vitals/) - [Hosting](https://fluostudio.pl/baza-wiedzy/slownik/hosting/) - [Certyfikat SSL](https://fluostudio.pl/baza-wiedzy/slownik/certyfikat-ssl/) - Kopie zapasowe - Szkolenie z panelu Robiliśmy to między innymi dla - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) - [Design Optyk](https://fluostudio.pl/projekty/designoptyk/) 05 Pytania ## O co pytacie przy sklepie Na jakiej platformie zrobicie sklep? Sklepy wdrażamy na WooCommerce, czyli na WordPressie, więc sklep i reszta strony mają jeden panel. Gdy sprzedajecie już na innej platformie, na przykład na Shoperze, projektujemy sklep pod nią, a wdraża go Wasz zespół. Czy sklep połączy się z naszym magazynem i kurierem? Tak. Sklep Design Optyk jest połączony z programem magazynowym w salonach, z BaseLinkerem i z InPostem. Zaczynamy od listy systemów, których używacie, i sprawdzamy, co da się połączyć bez przepisywania danych. Kto doda produkty? Przy starcie możemy przenieść produkty ze starego sklepu i je uporządkować, jak przy Biurokoncept. Potem produkty dodaje Wasz zespół w panelu, a przy dużym katalogu opisy i cechy możemy uzupełnić z pomocą AI, ze sprawdzeniem każdego wyniku. Czy po zmianie sklepu nie stracimy klientów z Google? Przenosimy treści i kierujemy stare adresy produktów na nowe, żeby ograniczyć to ryzyko. W Design Optyk przekierowania ustawiliśmy najpierw według mapy strony, a po tygodniu poprawiliśmy według raportu z Google. Co, jeśli klient ma najpierw zapytać o produkt? Przy produktach na zamówienie albo z indywidualną wyceną koszyk może zamienić się w zapytanie, które trafia do handlowca. Tak działa [strona z konfiguratorem](https://fluostudio.pl/uslugi/strony-www/strona-z-konfiguratorem/), na przykład w Biurokoncept. Czy zrobicie sam projekt, bez wdrożenia? Tak. Projekt sklepu Overmax wdrożył zespół klienta, a Novicare24 zespół klienta na Shoperze. Dostają od nas projekt na komputer i telefon oraz pliki: ikony, zdjęcia i grafiki. 06 Inne rodzaje stron ## Jaką stronę jeszcze budujecie? Rodzaje stron często się łączą: do strony firmowej dochodzi sklep albo konfigurator, a landing page pod kampanię powstaje na blokach strony, która już działa. - [Strona firmowa Główna strona firmy dla klientów, partnerów, kandydatów i inwestorów, z panelem dla zespołu.](https://fluostudio.pl/uslugi/strony-www/strona-firmowa/) - [Strona z konfiguratorem Produkt w wersji klienta i zapytanie z gotową konfiguracją, które trafia do handlowca.](https://fluostudio.pl/uslugi/strony-www/strona-z-konfiguratorem/) - [Landing page Jedna strona pod kampanię, produkt albo wydarzenie, z jednym celem i jednym przyciskiem.](https://fluostudio.pl/uslugi/strony-www/landing-page/) - [Wszystko o stronach www Jak pracujemy nad każdą stroną: punkty wyjścia, proces, zakres i wszystkie realizacje.](https://fluostudio.pl/uslugi/strony-www/)