Izrada online prodavnice: Magento, WooCommerce, Shopify

Izrada online prodavnice koja zaista prodaje znači pretvoriti e-commerce platformu u poslovni sistem: katalog koji odgovara načinu na koji prodajete, checkout prilagođen vašim kupcima i načinima plaćanja, te integracije koje drže zalihe, narudžbe i fakture usklađenim bez ručnog prepisivanja podataka. Instalacija Magenta, WooCommercea, PrestaShopa ili Shopifyja traje jedno popodne. Da sve to pouzdano vodi vaše poslovanje – to je dio koji traži ozbiljan razvoj.

Sadržaj

U CodeWizu razvijamo i nadograđujemo web shopove na sve četiri vodeće platforme. Pišemo module, pluginove i aplikacije po mjeri, izrađujemo teme, povezujemo prodavnice sa ERP-om, knjigovodstvom, kurirskim službama i marketplace platformama, prebacujemo prodavnice sa jedne platforme na drugu i održavamo ih brzim i sigurnim pod stvarnim opterećenjem. Radimo u skladu sa arhitekturom platforme, a ne protiv nje, kako bi vaša prodavnica ostala spremna za nadogradnje.

Usluga je namijenjena trgovcima koji iz šablonske prodavnice prelaze na rješenje koje prati njihove procese, B2B firmama kojima trebaju cjenovnici, ponude i katalozi po kupcu, brendovima koji prodaju u više zemalja i valuta, te timovima zaglavljenim sa zastarjelim ili prenatrpanim web shopom koji je postao spor i krhak.

Laptop na staklenom stolu sa početnom stranicom moderne online prodavnice

Magento razvoj za velike kataloge i složene prodavnice

Magento (Magento Open Source, uz Adobe Commerce kao komercijalno izdanje) napravljen je za složenost: desetine hiljada artikala, konfigurabilni proizvodi i paketi, više sajtova i jezičkih verzija iz jedne instalacije, grupe kupaca sa vlastitim cijenama, te B2B funkcije poput firmi kao kupaca i ponuda u Adobe Commerceu. Ta snaga dolazi uz strmu krivu učenja i zahtjevnu infrastrukturu.

Kako razvijamo na Magentu

Moduli po mjeri koji koriste plugine (interceptore), observere i service contracts umjesto prepravki jezgra, pa nadogradnje na nova 2.4.x izdanja ostaju izvodljive.
Deklarativna šema (db_schema.xml) i data patchevi za izmjene baze, verzionisani u Gitu zajedno sa kodom.
Frontend na Hyvä temi za znatno lakše stranice od klasičnog Luma stacka, ili headless frontend preko GraphQL-a kada projekat to traži.
Indekseri podešeni na „Update by Schedule”, queue consumeri za teške poslove i cron koji nadziremo kao svaki drugi produkcijski servis.

Infrastruktura koja Magentu treba

Magento nije aplikacija za shared hosting. Zdravo okruženje uključuje PHP-FPM sa OPcacheom, MySQL ili MariaDB, OpenSearch za pretragu kataloga, Redis za cache i sesije, Varnish kao full-page cache i, kod većih prodavnica, RabbitMQ za asinhrone operacije. Deployment je skriptovan, tako da prodavnica nikada ne ostane napola ažurirana:

bin/magento maintenance:enable
composer install --no-dev --optimize-autoloader
bin/magento setup:upgrade --keep-generated
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f en_US de_DE
bin/magento indexer:reindex
bin/magento cache:flush
bin/magento maintenance:disable

U praksi artefakte gradimo u CI-ju i mijenjamo izdanja preko symlinka, pa maintenance mode traje svega nekoliko sekundi. Adobe Commerce dokumentacija za programere je referenca za arhitekturu modula.

Prilagođavanje WooCommercea bez gomile pluginova

WooCommerce pretvara WordPress u prodavnicu, pa je prirodan izbor kada sadržaj, SEO i prodaja idu zajedno. Njegova slabost je navika da se svaki zahtjev riješi još jednim pluginom, sve dok prodavnica ne dobije šezdeset pluginova, spor admin panel i konflikte u checkoutu kojima niko ne može ući u trag. Mi WooCommerce prilagođavamo malim, ciljanim komadima koda.

Šta razvijamo

Vlastite tipove proizvoda, pravila cijena, B2B cjenovnike, minimalne količine za narudžbu i kataloge po ulozi korisnika.
Izmjene checkouta za blokovski Cart i Checkout (podrazumijevan za nove prodavnice), preko API-ja za dodatna polja u checkoutu i Store API ekstenzija, umjesto prepisivanja šablona.
Integracije preko WooCommerce REST API-ja i webhookova, pri čemu pozadinski posao preuzima Action Scheduler, pa kupac nikada ne čeka odgovor ERP-a.
Zamjenu teških višenamjenskih pluginova laganim kodom po mjeri, gdje to donosi brzinu i stabilnost.

Moderni temelji WooCommercea

High-Performance Order Storage (HPOS) seli narudžbe iz opštih WordPress tabela za postove u namjenske tabele, zbog čega su upiti nad narudžbama i admin ekrani znatno brži u prometnim prodavnicama. HPOS je podrazumijevan za nove instalacije, a svaki plugin koji napišemo deklariše kompatibilnost sa njim:

add_action( 'before_woocommerce_init', function () {
    if ( class_exists( \Automattic\WooCommerce\Utilities\FeaturesUtil::class ) ) {
        \Automattic\WooCommerce\Utilities\FeaturesUtil::declare_compatibility(
            'custom_order_tables', __FILE__, true
        );
    }
} );

Kod postojećih prodavnica prvo provjerimo kompatibilnost pluginova sa HPOS-om i blokovskim checkoutom, migriramo narudžbe uz uključenu sinhronizaciju, i tek onda prebacimo sistem. WooCommerce dokumentacija za HPOS detaljno opisuje postupak migracije.

PrestaShop rješenja za evropsku maloprodaju

PrestaShop je popularan širom Evrope s razlogom: open-source je, višejezičan i podržava više valuta bez dodataka, ima ugrađen multistore način rada i lakši je za hosting od Magenta. Odgovara malim i srednjim trgovcima koji žele punu kontrolu nad kodom bez operativnog tereta velike platforme.

Moduli po mjeri vezani za display i action hookove poput displayProductAdditionalInfo ili actionValidateOrder, umjesto overridea klasa koji se lome pri nadogradnji.
Izrada tema na classic temi ili child temi, sa urednim Smarty šablonima i spojenim, minifikovanim resursima.
Nadogradnje sa verzije 1.7 na 8 i 9, što najčešće znači provjeru i zamjenu modula koji se više ne održavaju i prebacivanje overridea u prave module.
Integracije preko PrestaShop Webservice API-ja ili vlastitih endpointa za zalihe, cijene, narudžbe i adresnice.
Rad na performansama na uobičajenim mjestima: previše modula na svakoj stranici, neindeksirane vlastite tabele, te upiti za listu proizvoda i filtere.

Shopify razvoj: teme, aplikacije i Functions

Shopify potpuno uklanja brigu o hostingu i održavanju platforme, zbog čega ga mnogi brendovi biraju. Cijena toga je da prilagođavate unutar Shopifyjevih pravila – a upravo dobro poznavanje tih pravila razlikuje uredan Shopify projekat od gomile mjesečnih pretplata na aplikacije.

Šta radimo na Shopifyju

Online Store 2.0 teme: vlastite sekcije i blokovi u Liquidu sa JSON šablonima, tako da vaš tim može preslagivati stranice u theme editoru bez programera.
Shopify Functions: vlastita logika popusta, prilagođavanje dostave i načina plaćanja, koja se izvršava unutar Shopifyjeve infrastrukture. Functions su zamijenile starije Shopify Scripts, pa prodavnice koje su se oslanjale na Scripts moraju tu logiku izgraditi iznova.
Checkout extensibility: checkout UI ekstenzije i brendiranje umjesto ukinutih checkout.liquid prilagođavanja.
Aplikacije po mjeri: privatne aplikacije na Admin GraphQL API-ju za sinhronizaciju sa ERP-om, masovne operacije i webhookove, koje često zamijene nekoliko plaćenih aplikacija jednom integracijom po mjeri.
Headless: Hydrogen ili vlastiti frontend na Storefront API-ju kada dizajn ili model sadržaja prevazilaze mogućnosti tema.

Jedna praktična napomena za prodavnice iz našeg regiona: Shopify Payments nije dostupan u svim zemljama, a kada umjesto njega koristite drugog payment providera, Shopify naplaćuje i vlastitu transakcijsku proviziju. To uzimamo u obzir od prvog dana, kada preporučujemo platformu. Shopify Functions dokumentacija navodi šta se trenutno može prilagoditi.

Dugi niz složenih kolica za kupovinu sa crvenim ručkama izbliza

Magento, WooCommerce, PrestaShop ili Shopify

Ne postoji najbolja platforma, postoji samo prava za vaš katalog, tim i budžet. Ovo je poređenje kroz koje prolazimo sa klijentima prije nego što napišemo ijednu liniju koda:

Platforma	Hosting i održavanje	Dubina prilagođavanja	Troškovi rada	Kome najviše odgovara
Magento / Adobe Commerce	Vlastiti hosting (ili Adobe cloud); zahtjevna infrastruktura	Vrlo velika	Skuplji hosting i razvoj; licenca za Adobe Commerce	Veliki katalozi, više prodavnica, složen B2B
WooCommerce	Vlastiti hosting na WordPressu	Velika	Niska osnovna cijena; plaćeni dodaci se sabiraju	Prodavnice vođene sadržajem, mali i srednji katalozi
PrestaShop	Vlastiti hosting; lakši od Magenta	Velika	Niska osnovna cijena; plaćeni moduli	Mali i srednji evropski trgovci, višejezične prodavnice
Shopify	Potpuno hostovan SaaS	Srednja (u okviru pravila platforme)	Mjesečni paket, pretplate na aplikacije, transakcijske provizije	Brendovi koji ne žele održavati servere i žele brz start

Ako već koristite neku platformu, promjena rijetko treba biti prvi korak. Većina prodavnica dobija više kada popravi ono što ima, a upravo o tome govori naš vodič za optimizaciju online prodavnice.

Povezivanje prodavnice sa ERP-om, kuririma i marketplace platformama

Prodavnica koja nije povezana sa ostatkom poslovanja stvara ručni posao: prepisivanje narudžbi u knjigovodstveni program, ažuriranje zaliha iz tabela, kopiranje brojeva pošiljki u mejlove. Integracije su često dio razvoja online prodaje koji se najbrže isplati.

ERP i knjigovodstvo: dvosmjerna sinhronizacija proizvoda, cijena, zaliha i narudžbi sa vašim ERP-om ili knjigovodstvenim programom, preko API-ja, pogleda u bazi ili razmjene fajlova kada ništa bolje ne postoji.
Kurirske službe: automatsko kreiranje pošiljki, štampanje adresnica i ažuriranje statusa preko API-ja kurira, uz obračun dostave u checkoutu.
Product feedovi: uredni feedovi za Google Merchant Center, Meta kataloge i sajtove za poređenje cijena, generisani iz kataloga umjesto ručnog održavanja.
Marketplace i PIM: jedan izvor istine za podatke o proizvodima kada prodajete i na marketplace platformama ili sadržajem upravljate u PIM sistemu.

Svaka integracija koju napravimo je idempotentna, ponavlja pokušaj pri grešci i bilježi šta je uradila, jer je narudžba koja tiho ne stigne do skladišta gora od toga da integracije uopšte nema. O tom pristupu smo detaljno pisali u članku o e-commerceu bez gubitka podataka i narudžbi.

Migracije web shopa i prelazak na novu platformu

Prelazak sa jedne platforme na drugu – recimo sa starog PrestaShopa ili Magenta 1 na WooCommerce, Magento 2 ili Shopify – projekat je podataka i SEO-a koliko i razvoja.

Proizvodi, varijante, slike, kupci (uz unaprijed isplaniran tretman lozinki na novoj platformi), ranije narudžbe, recenzije i kuponi mapiraju se polje po polje i prenose skriptama, a ne ručno.
Svaki stari URL dobija 301 preusmjerenje na novu adresu, kako bi pozicije na pretraživačima i backlinkovi ostali sačuvani.
Probne migracije radimo na staging okruženju, poredimo brojeve i iznose, a završnu delta migraciju izvodimo tokom kratkog, planiranog prelaska.
Analitiku, product feedove, te načine plaćanja i dostave provjeravamo prije promjene DNS-a, a ne poslije.

Performanse, pretraga i sigurnost prodavnice

Brzina i povjerenje u e-commerceu direktno utiču na prihod. Na platformama sa vlastitim hostingom podešavamo PHP, bazu i object cache, stavljamo Varnish ili page cache ispred stranica kataloga i konfigurišemo Cloudflare za statičke resurse i zaštitu od botova i napada testiranjem ukradenih kartica (card testing). Na svakoj platformi optimizujemo slike, fontove i skripte trećih strana, kako bi stranice proizvoda i kategorija prolazile Core Web Vitals.

Pretraga zaslužuje posebnu pažnju, jer posjetioci koji pretražuju najčešće su i najspremniji za kupovinu. Kada ugrađena pretraga nije dovoljna, povezujemo namjenski pretraživač – pogledajte kako pretraga zasnovana na Typesenseu mijenja iskustvo kupovine. Kada je riječ o sigurnosti, platformu i ekstenzije držimo ažurnim, uvodimo dvofaktorsku autentifikaciju za administratore, ograničavamo pristup admin panelu, a podatke o karticama potpuno držimo dalje od vaših servera korištenjem hostovanih polja za plaćanje.

Najčešće greške u izradi online prodavnica koje ispravljamo

Direktne izmjene fajlova jezgra ili roditeljske teme, zbog čega svako ažuriranje postaje rizično ručno spajanje koda.
Desetine pluginova ili aplikacija koje se preklapaju, a svaka učitava vlastite skripte na svakoj stranici.
Sinhroni pozivi ka ERP-u ili kuriru tokom checkouta, pa spor eksterni API znači izgubljenu narudžbu.
Nepostojanje staging okruženja, uz testiranje izmjena na živoj prodavnici u radno vrijeme.
Podaci o proizvodima održavani na tri mjesta, bez jednog izvora istine.
Migracije platforme bez preusmjerenja, koje preko noći izbrišu godine organskog saobraćaja.

Od čega zavisi cijena izrade online prodavnice

Procjenu dajemo nakon što razumijemo vaš katalog i procese, ali faktori cijene su slični od projekta do projekta:

Platforma i da li vam treba tema po mjeri ili dorada postojeće.
Složenost kataloga: tipovi proizvoda, varijante, B2B cijene, više jezika i valuta.
Broj i kvalitet integracija, naročito sa ERP sistemima bez modernog API-ja.
Obim migracije podataka i koliko su izvorni podaci uredni.
Kontinuirane potrebe: ažuriranje platforme i ekstenzija, hosting, nadzor i nove funkcije.

Odluke o dizajnu i checkoutu utiču na prihod više od većine tehničkih izbora – tu stranu pokriva naš vodič za optimizaciju konverzije na WooCommerceu, Shopifyju, PrestaShopu i Magentu.

Korpe pune paketa i pošiljki koje čekaju sortiranje u poštanskom centru

Kako radimo

Analiza: mapiramo vaš katalog, tok narudžbi, načine plaćanja i dostave, postojeće sisteme i probleme koje želite riješiti.
Plan: preporučujemo platformu (ili potvrđujemo postojeću), definišemo integracije i tokove podataka, te dogovaramo obim posla i faze.
Izrada: razvijamo temu, module ili aplikacije po mjeri i integracije na staging prodavnici, uz kod u Gitu i automatizovan deployment.
Testiranje: stvarne scenarije narudžbi testiramo od početka do kraja – plaćanja, poreze, popuste, dostavu, povrate i sinhronizaciju sa ERP-om – na računaru i mobilnom.
Puštanje u rad: prenosimo podatke, postavljamo preusmjerenja, provjeravamo analitiku i feedove, te pažljivo pratimo narudžbe nakon pokretanja.
Podrška: ažuriramo platformu i ekstenzije i nastavljamo unapređivati prodavnicu kako vaše poslovanje raste.

Zašto CodeWiz

Sve vodeće platforme: Magento, WooCommerce, PrestaShop i Shopify, pa naša preporuka zavisi od vaših potreba, a ne od jedne platforme koju poznajemo.
Full-stack znanje: prodavnice, API-ji, baze, serveri, plaćanja i pretraga su vještine koje imamo u kući, pa se problemi sa integracijama i performansama ne prebacuju sa jednog dobavljača na drugog.
Open-source na prvom mjestu: biramo kod po mjeri otporan na nadogradnje i open-source alate umjesto gomile plaćenih pluginova i pretplata.
Fer cijene: vrhunski razvoj bez vrhunskih cijena, iz Banje Luke, uz rad na daljinu sa klijentima iz regiona i svijeta.
Poslovanje na prvom mjestu: tehnologija treba da služi vašim prodajnim ciljevima, a ne da ih komplikuje – saznajte više o CodeWizu.

Često postavljana pitanja

Koju e-commerce platformu da izaberem?

Zavisi od veličine kataloga, budžeta, znanja u vašem timu i koliko želite prilagođavati. WooCommerce odgovara prodavnicama vođenim sadržajem, PrestaShop evropskim malim i srednjim trgovcima, Shopify brendovima koji ne žele održavati servere, a Magento velikim ili složenim katalozima. Preporuku dajemo nakon kratke analize, a ne po navici.

Koliko košta izrada online prodavnice?

Cijena zavisi od platforme, dizajna, složenosti kataloga, integracija i migracije podataka. Dorađena tema sa nekoliko funkcija po mjeri je skroman projekat, dok je B2B sistem sa više prodavnica i ERP integracijom znatno veći posao. Jasnu procjenu dobijate nakon analize, prije početka rada.

Koliko traje izrada web shopa?

Prodavnica na dorađenoj postojećoj temi sa standardnim plaćanjem i dostavom može biti pokrenuta za nekoliko sedmica. Dizajn po mjeri, složene integracije i migracija sa druge platforme obično traju nekoliko mjeseci, najviše zbog rada sa podacima i testiranja.

Možete li preuzeti i popraviti postojeću prodavnicu?

Možemo. Počinjemo analizom koda, ekstenzija, performansi i sigurnosti, prvo rješavamo kritične probleme, a zatim prodavnicu unapređujemo korak po korak, bez rizične izrade od nule, osim ako je to zaista bolja opcija.

Hoću li izgubiti pozicije na Googleu ako promijenim platformu?

Nećete, ako je migracija urađena kako treba. Uz potpuna 301 preusmjerenja, sačuvan sadržaj i metapodatke, te provjere u Search Consoleu nakon pokretanja, pozicije se uglavnom zadržavaju. Većina padova nakon migracija dolazi od preusmjerenja koja nedostaju.

Spremni za novu ili bolju online prodavnicu?

Recite nam šta prodajete, gdje je vaša prodavnica danas i šta je koči, a mi ćemo predložiti pravu platformu i plan. Kontaktirajte nas da razgovaramo o projektu ili pogledajte naše usluge izrade online prodavnica.

Izrada online prodavnice: Magento, WooCommerce, Shopify