Tehnički vodič za web shop u BiH: domena, hosting, plaćanje, brzina i sigurnost

Kome je namijenjen ovaj vodič

Ako tražite odgovor na pitanje kako pokrenuti online prodaju korak po korak, krenite od našeg glavnog vodiča izrada web shopa u BiH. Ovaj tekst ide dublje u tehniku. Koristan je kad razgovarate s agencijom ili programerom i želite razumjeti šta vam nude, ili kad preuzimate shop od drugog izvođača.

Vodič prati redoslijed kojim se tehnički dijelovi postavljaju: infrastruktura, platforma, integracije, performanse, sigurnost i lansiranje.

Domena: .ba ili .com

Domena .ba se registruje preko ovlaštenih registrara, a registrom upravlja NIC.ba. Za .ba domenu registrar traži podatke o vlasniku, a pravila za fizička i pravna lica razlikuju se, pa ih provjerite kod registrara prije registracije. Domena .com se registruje brže i jeftinije, ali .ba jasnije govori kupcu da prodajete u BiH.

Tehnički savjeti koji se često preskoče:

• domena mora biti registrovana na vašu firmu, ne na agenciju ili zaposlenog;
• čuvajte pristup panelu registrara i omogućite dvofaktorsku autentikaciju gdje postoji;
• uključite automatsko produženje da shop ne padne zbog isteka domene;
• DNS zapise za e-mail (SPF, DKIM, DMARC) postavite odmah, jer od njih zavisi da li potvrde narudžbi stižu u inbox.

Hosting i server

Za WooCommerce shop s nekoliko stotina proizvoda dovoljan je kvalitetan dijeljeni ili VPS hosting, ako ima ove osobine:

Stavka	Minimalno	Preporučeno
PHP	8.2	8.3 ili novije, s OPcache
Baza	MySQL 8 ili MariaDB 10.6	ista, s redovnom optimizacijom tabela
Keširanje	page cache	page cache + object cache (Redis)
SSL	besplatni Let's Encrypt	isti, s automatskim produženjem i HSTS
Backup	dnevni na istom serveru	dnevni izvan servera, čuvanje 30 dana
Lokacija servera	EU	EU, blizu kupaca, uz CDN za statiku

Za kataloge od nekoliko hiljada artikala ili velike špice prometa (akcije, Black Friday) treba VPS s odvojenim resursima. Najam web shopa kod nas uključuje hosting, pa o ovome ne morate brinuti.

Platforma i arhitektura

U BiH se najčešće koriste tri pristupa:

1. WooCommerce na WordPressu. Najveći izbor dodataka, lokalne integracije (Monri, kuriri) postoje kao gotovi plugini, nema mjesečne licence platforme. Zahtijeva redovno održavanje.
2. Shopify. Hosting i sigurnost rješava platforma, ali za BiH firme nema Shopify Payments, pa kartice idu preko vanjskog provajdera uz dodatnu proviziju platforme (Shopify cijene). Više u članku Shopify u BiH.
3. Headless ili custom (npr. Next.js frontend). Najbrže stranice i potpuna kontrola, uz višu cijenu izrade. Ima smisla za velike kataloge i firme kojima je brzina presudna.

Za većinu malih i srednjih shopova WooCommerce je razuman izbor. Ključno je da agencija ne gomila dodatke: svaki plugin je kod koji treba ažurirati i potencijalna rupa. Zdrav WooCommerce shop obično radi s 15 do 25 aktivnih dodataka.

Integracija kartičnog plaćanja

Kartično plaćanje u BiH radi preko payment gatewaya koji povezuje shop i banku prihvatioca. Najčešće je to Monri (WebPay i WSPay), čiji zvanični WooCommerce dodatak Monri Payments podržava redirect na Monrijevu stranicu i ugrađena polja za karticu.

Tehnički tok izgleda ovako:

1. kupac potvrdi narudžbu, shop kreira narudžbu sa statusom „čeka plaćanje“;
2. kupac upisuje karticu na stranici gatewaya ili u zaštićenim poljima, pa kartični podaci ne prolaze kroz vaš server;
3. banka traži 3D Secure potvrdu (aplikacija ili SMS);
4. gateway šalje rezultat nazad na shop (callback), a shop mijenja status narudžbe;
5. kupac dobija e-mail potvrdu, a vi narudžbu za pakovanje.

Najčešći problem u praksi je callback: ako server blokira zahtjeve gatewaya ili je URL pogrešan, kupac plati, a narudžba ostane „na čekanju“. Zato se svaka integracija testira u test okruženju gatewaya prije lansiranja. Pregled opcija i ograničenja Stripea i PayPala za BiH je u članku o integraciji plaćanja, a uslugu integracije opisujemo na stranici integracija plaćanja karticama.

Dostava i kurirski API

Kurirske službe u BiH razlikuju se po tome koliko je njihov sistem otvoren za integraciju. Prije izbora pitajte kurira:

• ima li API za kreiranje pošiljke i štampu naljepnice;
• vraća li status pošiljke (preuzeto, u dostavi, isporučeno, vraćeno);
• kako i kada isplaćuje novac od pouzeća;
• postoji li gotov dodatak za WooCommerce ili treba vlastiti razvoj.

Bez API-ja shop i dalje radi, ali neko ručno prepisuje adrese, što kod 20 narudžbi dnevno postaje posao za pola radnog vremena.

Performanse: Core Web Vitals za web shop

Google mjeri iskustvo korisnika kroz tri metrike Core Web Vitals. Prema web.dev, „dobre“ vrijednosti su LCP do 2,5 sekunde, INP do 200 milisekundi i CLS do 0,1, mjereno na 75. percentilu posjeta. Mi za svoje projekte postavljamo strožiji cilj: LCP ispod 2 sekunde i CLS ispod 0,05 na mobitelu.

Šta najviše usporava WooCommerce shopove:

Uzrok	Simptom	Rješenje
Velike fotografije	spor LCP na stranici proizvoda	WebP ili AVIF, srcset, tačne dimenzije
Previše skripti (chat, pikseli, slideri)	loš INP, kašnjenje na klik	odgođeno učitavanje, uklanjanje viška
Fontovi bez preloada	skakanje teksta (CLS)	self-hosted fontovi, preload, font-display
Sporo filtriranje kategorija	čekanje nakon klika na filter	indeksi u bazi, keš rezultata, AJAX filteri
Bez page cachea	spor prvi bajt (TTFB)	page cache, isključen za korpu i checkout

Mjerite na stvarnim podacima (izvještaj Core Web Vitals u Google Search Consoleu), ne samo u laboratorijskom testu. Ako vam je organska pretraga bitna, pogledajte i SEO za web shopove.

Sigurnost i backup

Web shop čuva lične podatke kupaca, pa je sigurnost i zakonska obaveza prema Zakonu o zaštiti ličnih podataka BiH. Minimum koji tražimo na svakom projektu:

• dvofaktorska prijava za sve administratore;
• odvojeni nalozi za svakog zaposlenog, s najmanjim potrebnim pravima;
• automatska sigurnosna ažuriranja, a veća ažuriranja prvo na staging okruženju;
• dnevni backup baze i fajlova izvan servera, uz povremeni test vraćanja;
• firewall na nivou aplikacije i ograničen broj pokušaja prijave;
• dnevnik promjena i pristupa administraciji.

Za backup koji nikad nije vraćen ne znate radi li. Jednom kvartalno vratite kopiju na testni server i provjerite radi li shop. Ako nemate internog čovjeka za to, održavanje web stranica uključuje ove provjere.

Analitika i pristanak na kolačiće

GA4 i Meta Pixel su standard, ali se moraju postaviti uz banner za pristanak koji stvarno blokira marketinške kolačiće dok kupac ne pristane. Za e-commerce u GA4 postavite događaje view_item, add_to_cart, begin_checkout i purchase, s vrijednošću narudžbe. Bez toga ne znate koji kanal donosi prodaju. Šta pratiti i kako, objašnjava tekst o KPI-jevima i analitici.

Transakcijski e-mailovi i obavještenja

Potvrda narudžbe, obavijest o slanju i račun su e-mailovi koje kupac najviše čeka. Ako završe u spamu, kupac zove ili otkaže narudžbu. Zato WooCommerce ne bi trebao slati e-mailove preko PHP funkcije servera, nego preko SMTP servisa ili transakcijske e-mail platforme s autentikovanom domenom.

Provjerite tri stvari: da adresa pošiljaoca koristi vašu domenu (npr. narudzbe@vasafirma.ba), da su SPF, DKIM i DMARC zapisi ispravni i da e-mail sadrži broj narudžbe, artikle, cijenu dostave i kontakt za pitanja. Za kupce koji ne čitaju e-mail korisna je i SMS obavijest o slanju, koju nude neki kuriri ili SMS servisi.

Tehnička checklista prije lansiranja

• Domena registrovana na firmu, DNS i e-mail zapisi (SPF, DKIM, DMARC) postavljeni.
• SSL aktivan, sve stranice idu na https bez upozorenja o miješanom sadržaju.
• Testna kartična plaćanja prošla, uključujući odbijenu karticu i prekinuto plaćanje.
• Narudžba s pouzećem prošla do kreiranja pošiljke kod kurira.
• E-mail potvrde stižu u inbox na Gmailu i Outlooku.
• Core Web Vitals na mobitelu u zelenom za početnu, kategoriju i proizvod.
• Backup izvan servera radi i jednom je vraćen.
• Sitemap poslan u Google Search Console i Bing Webmaster Tools.
• Staging ili testna verzija zaključana za Google (noindex).
• Pravne stranice objavljene i linkovane u footeru i checkoutu.