Brodit.hu: Shopify webáruház saját termékkezelő rendszerrel
A svéd Brodit járműbe szerelhető tartókat gyárt, amelyekkel telefon, tablet, navigáció vagy rádió rögzíthető a műszerfal megrongálása nélkül. A Brodit termékeit forgalmazó magyarországi cég a LogiNet legelső ügyfele, és a korábbi webáruházát is mi fejlesztettük. Most azzal keresett meg minket, hogy építsünk olyan új webshopot, amely kinézetben és funkciókban is felveszi a versenyt a többi ország Brodit-webáruházával. A LogiNet Shopify alapon készítette el a brodit.hu-t, és egy köztes rendszert is fejlesztett hozzá. Ebben a rendszerben készülnek elő a termékadatok, és itt kezelhetők az árak és a fordítások is. A számlázás a saját fejlesztésű SyncParadise alkalmazásunkkal automatikusan történik. Az új webshop 2025. novembere óta működik élesben.
Előzmények
A Brodit termékeit forgalmazó magyarországi cég a LogiNet első ügyfele. Az együttműködésünk még a LogiNet indulásakor kezdődött, és azóta is folyamatos. A cég közvetlen kapcsolatban áll a svéd gyártóval, és a teljes termékkínálatát értékesíti a hazai piacon. A korábbi webáruházát is mi fejlesztettük: egy Laravel alapú, egyedi webshopot. Az oldal évekig megbízhatóan kiszolgálta a vásárlókat, de közben a többi ország partnerei kinézetben és funkciókban is jóval korszerűbb webshopot építettek.
Az ügyfél ezért újra minket keresett meg, hogy az új webáruháza felzárkózzon a többi partneréhez. Azt is kérte, hogy a háttérfolyamatok és az adminisztráció a lehető legkevésbé változzanak.
Miért esett a választás a Shopifyra?
A korábbi webáruházat mi építettük, ezért pontosan ismertük a működését, a termékadatok útját és az ügyfél mindennapi munkáját. Ez sokat segített abban, hogy az új webshopban azt tartsuk meg, ami bevált, és ott változtassunk, ahol szükség volt rá.
Megvizsgáltuk az ügyfél igényeit, a versenytársak oldalait és a rendelkezésre álló keretet. Hamar kiderült, hogy a saját Logishop webáruházmotorunk többet tudna, mint amire a brodit.hu-nak szüksége van, ezért más megoldást kerestünk.
A Shopify mellett döntöttünk. Egy kisvállalkozásnak jó választás, mert alacsony a bevezetési költsége és a havidíja, a natívan hiányzó funkciókat pedig a Shopify App Store-ból lehet pótolni. Azokat a funkciókat, melyekre a Shopify vagy az App Store nem adott megoldást, egyedileg fejlesztettük le és integráltuk.
Kihívások
Termékadatok a gyártó központi adatforrásából
A Brodit minden országos partnere ugyanabból a központi adatforrásból kapja a termékadatokat. A svéd gyártó egy URL-en elérhető XLSX fájlban teszi közzé a teljes kínálatot, így minden partner ugyanazzal a termékkörrel dolgozik. A magyar webshophoz ezen felül termékképekre, további termékadatokra és a magyar piachoz igazított tartalomra is szükség volt.
Ezért a gyártói adatokra építve saját megoldást fejlesztettünk. A termékképeket egy állandó URL-minta alapján töltöttük le, és saját tárhelyen tároljuk. A további adatok felviteléhez menedzsmentfelületet készítettünk. Ezen az ügyfél bármelyik termék adatait kiegészítheti vagy módosíthatja, mielőtt azok a Shopifyba kerülnek.
Angol nyelvű termékadatok
A termékadatok többsége angolul érkezik, a webshopon viszont magyarul kell megjelenniük. A termékek jellegéből adódóan sok sor szó szerint megegyezik más termékek soraival. Ezért fordítószótárat fejlesztettünk: ha egy sort egyszer már lefordítottak, a rendszer minden új terméknél automatikusan a magyar változatot használja. Ez sok időt takarít meg a termékek kezelésében és konzisztens szövegezést eredményez A rendszer teljesen dinamikus, így ha egy termék, egy ár vagy egy fordítás módosul, a változás mindenhol megjelenik, ahol az adott érték szerepel.
50 000 termék és a Shopify API korlátai
A Brodit rengeteg autótípushoz kínál tartót, és ezek készülékenként is eltérnek, ezért a katalógus 50 000-nél több terméket tartalmazott. Ennyi termék felett a Shopify napi 2000 lekérésre korlátozza az API-hozzáférést. Ilyen keretek között egy ármódosítás átvezetése 25 napig tartott volna.
Megvizsgáltuk, hogyan alakítható át a termékszerkezet úgy, hogy beleférjen a Shopify kereteibe. A különböző jármű- és készüléktípusokhoz tartozó, de fizikailag azonos tartókat egy termékké vontuk össze. A vásárlók továbbra is járművenként kereshetnek. A katalógus így nagyjából 7000 termékre csökkent, és a szinkronizálás megvalósíthatóvá vált.
Képek és útmutatók a saját domainen
Az API-n keresztül érkező fájlokat a Shopify az eredeti címükről ágyazza be, a saját CDN-jére nem tölti fel őket. A brodit.hu termékeihez több szerelési kép és PDF szerelési útmutató is tartozik. Ezek így a svéd weboldalról töltődtek volna be, ami hosszú távon kockázatos megoldás.
A menedzsmentfelületen ezért saját CDN-t alakítottunk ki. A szinkronizálás lementi ide a fájlokat, a Shopify pedig innen kapja meg a hivatkozásokat. A képek és az útmutatók így ugyanazon a domainen érhetők el, mint a webshop.
Megoldás
A brodit.hu a Shopify alapfunkcióin túl több saját fejlesztésű funkciót is kapott, amelyek a vásárlók és az adminisztrátorok munkáját is segítik.
Saját fejlesztésű jármű- és készülékkereső
A gyártó és a versenytársak oldalán is van olyan kereső, amellyel a vásárló a járművéhez és a készülékéhez illő tartót választhat ki. Az ügyfél korábbi webáruháza ennél egyszerűbb keresőt használt, és az ügyfél azt kérte, hogy az új oldalon is ilyen kereső legyen.
Először a Shopify alkalmazásboltjában elérhető YMM (year, make, model) szűrőket vizsgáltuk meg. Ezek automatikusan nem tudták azt, amire a webshopnak szüksége volt. Fejlesztőink ezért JavaScript alapú keresőt készítettek, amely egy saját végponton keresztül a köztes rendszerből kéri le a járműveket és a készülékeket.
A jármű- és készülékkereső két lépésben működik. A vásárló először a jármű gyártója, típusa és évjárata alapján kiválasztja a ProClip rögzítőt. Utána a készülék fajtája, gyártója és modellje, valamint a tartó típusa (aktív vagy passzív) szerint választja ki a készüléktartót. A kereső minden új járművel és készülékkel automatikusan bővül, és az oldal bármely pontjára elhelyezhető, így jóval rugalmasabb, mint a kész alkalmazások.
B2B kedvezmények Shopify Plus nélkül
A B2B és a B2C értékesítést a Shopify együtt csak a legmagasabb, Shopify Plus csomagban kínálja, amelynek havidíja 2000 eurónál is több lehet. Ezért a Shopify alkalmazásboltjában kerestünk megoldást, és több alkalmazást is összevetettünk.
Végül a Bold Custom Pricing mellett döntöttünk. Ezzel kedvezményt lehet adni az egész oldalra, egy-egy termékre, egy vásárlónak vagy egy vásárlói csoportnak, és a kedvezmény kupon nélkül, automatikusan érvényesül. Az alkalmazás működéséhez sok egyedi kódot kellett a webáruház forráskódjába illeszteni. Ez a megoldás csak a kedvezményeket kezeli, teljes B2B működést nem ad, de a brodit.hu viszonteladói kedvezményeihez elegendő.
Automatikus számlázás Billingóval és SyncParadise-zal
A webáruházat először közvetlenül a Billingo számlázóval kötöttük össze. Később a számlázást a saját fejlesztésű SyncParadise alkalmazásunkra állítottuk át. A SyncParadise egy Shopify alkalmazás, amely a webshop rendeléseiből automatikusan Billingo vagy Számlázz.hu számlát készít.
A számla már a rendelés pillanatában elkészül. Tartalékként időzített szinkronizálás is fut, és a rendszer kiszűri az ismétlődéseket, így egy rendelésről soha nem készül két számla. A viszonteladói rendeléseknél a cégnév és az adószám is a számlára kerül, a Shopify fizetési módjai pedig a számlázó fizetési módjaihoz rendelhetők. A számlák piszkozatként vagy rögtön kiállítva is létrejöhetnek, minden szinkronizálás és hiba visszakereshető a naplóban. Így a brodit.hu munkatársainak a rendelések számlázásával sem kell kézzel foglalkozniuk.
Automatikus kollekciók új járművekhez és készülékekhez
Ha a szinkronizálás új járművet vagy készüléket talál, a Shopifyban automatikusan létrejön hozzá a kollekció. Az új típusok így kézi munka nélkül kereshetővé válnak a webáruházban.
Külön kollekció az univerzális tartóknak
A kínálatban olyan tartók is vannak, amelyek nem egy adott járműhöz vagy készülékhez készültek. A rendszer ezeket automatikusan külön kollekcióba sorolja, így a vásárlók ezekre is külön kereshetnek.
Azonos termékek összevonása
A fejlesztés során kiderült, hogy egyes termékek különböző cikkszámon szerepelnek, pedig ugyanazok. A menedzsmentfelületen szülő-gyermek összerendeléssel ezek összevonhatók. A Shopifyba egy termékként kerülnek, a kompatibilis modellek listáját pedig a rendszer egyesíti. Ezzel a termékek száma tovább csökkent.
Jobbkormányos járművek tartói
A brodit.hu jobbkormányos járművekhez is kínál tartókat, ezeket a többitől külön kell megjeleníteni. A szinkronizálás felismeri ezeket a tartókat, így a terméklistában külön jelennek meg.
Eredmény
Az új brodit.hu 2025. novembere óta működik élesben. A webáruház kinézetben és funkciókban is felzárkózott a többi ország Brodit-webshopjához. Az autós tartók mellett ipari rögzítők is elérhetők, például targoncára, csőre vagy munkaállomásra szerelhető tartók. A fordítószótár, a sávos árazás, az automatikus kollekciók és az automatikus számlázás miatt a termékek kezelése és a rendelések feldolgozása is sokkal kevesebb manuális munkával jár, mint korábban.
Az ügyféllel a LogiNet indulása óta dolgozunk együtt, és az új webáruház üzemeltetésében és továbbfejlesztésében is mellettük maradunk.
Technológiák és integrációk: Shopify, Shopify Admin API, Bold Custom Pricing, Billingo, SyncParadise, JavaScript, egyedi menedzsmentfelület és köztes rendszer PHP/Symfony, XLSX adatimport, saját CDN
Shopify webáruházat terveznél, vagy megújítanád a régi webshopodat?
Saját fejlesztésű funkciókkal és köztes rendszerrel olyan igényeket is megoldunk, amelyekre a Shopify magában nem ad lehetőséget.
Beszéljünk a projektedről.
Loginet Systems kft.
-
Irodacím : 1118 Budapest
Budaörsi út 48. I. emelet -
Székhelycím : 1118 Budapest
Budaörsi út 48-50. I. emelet 1. -
-
Szolgáltatások
- Szoftverfejlesztés
- Egyedi webfejlesztés
- Mobil alkalmazás fejlesztés, applikáció készítés
- Webshop készítés
- Webshop karbantartás, üzemeltetés
- Rendszerintegráció
- Fejlesztés átvétel
- Digitális termékfejlesztés, MVP fejlesztés
- Szoftver support és karbantartás
- IT üzemeltetés
- Specifikáció készítés
- Rendszer audit
- IT tanácsadás
- IT outsourcing, szoftverfejlesztés kiszervezése
- UX design