E-commerce B2B / Headless CMS

Ventido.pl - headless WordPress na React

Przestarzały WordPress został przebudowany w nowoczesny headless WordPress na React, bez odbierania właścicielowi wygody publikowania bloga i poradników.

Otwórz projekt

KlientVentido

BranżaWentylacja, rekuperacja, B2B

Rok2026

TypHeadless WordPress + React

Realizacja MKM Labs: Ventido.pl - headless WordPress na React

Success story

Co zrobiliśmy

Ventido miało klasycznego WordPressa, który nie nadążał za ambicją sklepu B2B. Właściciel chciał zostać przy WordPressie jako zapleczu do publikowania artykułów, poradników i treści eksperckich. Rozdzieliliśmy warstwę redakcyjną od frontendu: WordPress został jako wygodne centrum treści, a szybki frontend na React przejął prezentację oferty, kategorie, wyszukiwarkę i zapytania ofertowe.

B2B docelowy model

WP wygodne publikacje

RFQ zapytania ofertowe

Problem

Wyzwanie biznesowe

Trzeba było zachować wygodę WordPressa, a jednocześnie przygotować sklep pod docelową platformę B2B. Priorytetem było szybkie uruchomienie zapytań ofertowych, czytelna oferta dla instalatorów i fundament pod pełny proces zakupowy.

Rozwiązanie

Jak to ułożyliśmy

Zbudowaliśmy nowy frontend React, uporządkowaliśmy architekturę kategorii, bloga i podstron ofertowych oraz wdrożyliśmy mechanizm zgłaszania zapytań. Projekt jest przygotowany pod konta B2B, cenniki klientów, koszyk hurtowy i integracje magazynowe.

Rezultaty

Efekt wdrożenia

WordPress został jako panel redakcyjny, ale frontend przestał być ograniczony motywem i pluginami.
Sklep działa jako profesjonalny katalog ofertowy z szybką ścieżką do zapytania.
Architektura jest gotowa na pełną platformę B2B z logowaniem i cennikami.

Zakres

Co dostarczyliśmy

Headless WordPressFrontend ReactKatalog B2BBlog i poradnikiZapytania ofertoweSEO techniczne

Stack

Technologie

ReactAstroWordPress APITypeScriptSEO

W środku wdrożenia

Funkcjonalności - przejście po serwisie

Poniżej ekrany z działającego serwisu ventido.pl - wyłącznie widoki publiczne, bez logowania. Kolejno: co widzi instalator, jak zbudowany jest katalog B2B, jak działa ścieżka zapytania ofertowego i gdzie w tym wszystkim został WordPress.

Funkcja 01

Frontend React - pierwszy ekran instalatora

Nowy frontend w React zastąpił motyw WordPressa. Strona główna prowadzi instalatora prosto do dwóch działów - wentylacji i rekuperacji - a nad nimi cały czas widoczne są godziny pracy hurtowni, adres magazynu w Szczecinie i kontakt. Prezentacja oferty przestała zależeć od szablonu i wtyczek.

Funkcja 02

Katalog B2B - drzewo kategorii i tabela produktów

Asortyment jest ułożony w drzewo: Wentylacja, Rekuperacja i Pozostałe, z podkategoriami - rury spiro, przewody flex, kształtki, anemostaty, klapy ppoż, izolacje techniczne. Produkty pokazujemy tak, jak czyta je instalator: tabelą z kodem katalogowym, nazwą, jednostką miary i polem ilości, a nie siatką kafelków ze zdjęciami. Nad tabelą działa wyszukiwarka po nazwie i po kodzie.

Funkcja 03

Zapytanie ofertowe - koszyk zapytań zamiast telefonu

Zamiast dzwonić po każdą wycenę, instalator odkłada pozycje przyciskiem „Do zapytania", ustawia ilości i wysyła jedno zapytanie. Panel zapytania zbiera wybrane pozycje z kodami i jednostkami oraz dane firmy: nazwa, NIP, osoba kontaktowa, e-mail, telefon i uwagi. Licznik w nagłówku pokazuje, ile pozycji czeka w koszyku zapytań. To najkrótsza droga do realnego leada B2B, jeszcze przed pełną platformą zakupową.

Funkcja 04

Headless WordPress - treści z CMS, wydajność z frontendu

WordPress został po stronie właściciela jako wygodne centrum treści - artykuły, poradniki i teksty eksperckie publikuje się dokładnie tak jak wcześniej. Frontend React pobiera je przez API i renderuje własnym layoutem, z filtrami kategorii i licznikami wpisów. Po stronie SEO mapa witryny jest rozbita na osobne pliki dla stron, kategorii, produktów i bloga. Sam panel redakcyjny jest za logowaniem, więc pokazujemy jego efekt na froncie.

Funkcja 05

Warstwa AI - doradca doboru i asystent zapytań ofertowych

Nad katalogiem projektujemy warstwę AI w tej samej architekturze, którą wdrożyliśmy w HAMMERmed: agent z dostępem do narzędzi systemu - przeszukuje katalog, czyta opisy kategorii i karty produktów, odpytuje bazę zapytań ofertowych. Dla instalatora to doradca doboru: pyta o średnicę, typ instalacji i miejsce montażu, a odpowiada wyłącznie na podstawie danych z katalogu Ventido i przy każdej odpowiedzi wskazuje źródło - konkretną pozycję z kodem katalogowym. Gdy danych nie ma, mówi to wprost („Nie znalazłem tej informacji w katalogu") zamiast zmyślać parametry - przy klapach ppoż czy klasach szczelności to warunek bezpieczeństwa, nie ozdobnik. Dla biura ten sam agent wstępnie kwalifikuje przychodzące zapytania i składa zestawienie pozycji do wyceny. Każde zapytanie trafia do dziennika audytu.

Agent z narzędziamiOdpowiedzi wyłącznie z kataloguCytowanie kodu produktuTwarda odmowa, gdy brak danychKwalifikacja zapytań ofertowychDziennik audytu zapytań

Chcesz podobny efekt?

Przynieś problem, obecny proces albo starą stronę. Powiemy, co warto przebudować, co zostawić i gdzie automatyzacja ma realny sens.

Porozmawiajmy