Kako izraditi internetsku trgovinu: proizvodi, košarica, plaćanje i zalihe

Za izradu internetske trgovine potrebni su vam katalog proizvoda, košarica, plaćanje preko pružatelja poput Stripea, način za bilježenje narudžbi i smanjivanje zaliha te administratorski pregled za njihovu obradu. Alat za izradu aplikacija uz AI može sve to složiti iz jasnog opisa. Najviše pažnje zaslužuje ono oko novca, a ne sama trgovina: kada se narudžba smatra plaćenom, kako se rezervira zaliha te kako se postupa s porezom, dostavom i povratima.

Prilagođena trgovina ili Shopify? Prvo odlučite

Budite iskreni prema sebi prije nego što išta izradite.

Gotova platforma za e-trgovinu (Shopify, Squarespace Commerce, WooCommerce i slične) obično je bolja kada:

• prodajete fizičke proizvode s cijenama dostave, naljepnicama i povratima
• trebate računati porez u mnogim regijama
• tim koji nije tehnički svakodnevno dodaje proizvode i obrađuje narudžbe
• želite trgovinu aplikacija s dodacima: recenzije, e-mail marketing, programi lojalnosti
• prodajete na više kanala i trebate jedno stanje zaliha

Shopifyjevi planovi su mjesečna pretplata uz popust za godišnje plaćanje, a plaćanja karticom donose naknade za obradu; provjerite cjenik za svoju zemlju jer se cijene razlikuju po regijama.

Prilagođena trgovina obično se isplati kada:

• je proizvod neobičan: konfiguratori po narudžbi, kombinacija rezervacija i proizvoda, digitalna preuzimanja s licencama, B2B cjenici po kupcu
• je trgovina dio veće aplikacije (platforma za tečajeve, stranica članstva, tržnica)
• prodajete mali katalog i želite potpunu kontrolu nad dizajnom i tijekom kupnje
• želite posjedovati kod i izbjeći vezanost uz platformu

Mnogi mali prodavači najbolje su posluženi platformom. Ako su vaše potrebe uobičajene, to je dobra stvar: uzmite prečac.

Što internetska trgovina treba

Podaci

Spremite cijenu u trenutku kupnje uz svaku stavku narudžbe. Ako sljedeći mjesec promijenite cijenu, stare narudžbe i dalje moraju prikazivati što je kupac platio.

Stranice

• Trgovina: početna stranica, stranice kategorija ili kolekcija, stranice proizvoda, košarica, preusmjeravanje na plaćanje, potvrda narudžbe.
• Administracija: proizvodi i zalihe, narudžbe sa statusom (plaćeno, spakirano, poslano, vraćeno), kupci, jednostavni prikaz prodaje.
• Pravni uvjeti i pravila: dostava, povrati, privatnost i uvjeti. Kupci ih traže prije kupnje, a mnoge regije ih zahtijevaju zakonom.

Dozvole

Neka kupci kupuju bez računa: kupnja kao gost uklanja jedan korak, a računi mogu doći kasnije. Samo administratori smiju vidjeti narudžbe i uređivati proizvode. Zaštitite administratorski dio pravom prijavom i provjerama na poslužitelju.

Kako bi plaćanje trebalo funkcionirati

Najsigurniji obrazac za prilagođenu trgovinu je hostirana stranica za plaćanje. Sa Stripeom to izgleda ovako:

1. Kupac klikne Checkout. Vaš poslužitelj ponovno provjerava cijene i zalihe iz baze — nikada ne vjeruje onomu što šalje preglednik — i stvara Stripe Checkout sesiju.
2. Kupac plaća na Stripeovoj stranici. Podaci o kartici nikada ne dolaze na vaš poslužitelj.
3. Stripe poziva webhook vaše aplikacije i javlja da je plaćanje uspjelo. Tek tada označavate narudžbu kao plaćenu i smanjujete zalihe.
4. Kupac dolazi na vašu stranicu za potvrdu, a vi šaljete e-mail s potvrdom.

Dvije pogreške koje treba izbjeći: stvaranje narudžbe „plaćeno” pri preusmjeravanju na stranicu uspjeha (ljudi zatvaraju kartice, a preusmjeravanja se mogu lažirati) i računanje ukupnog iznosa u pregledniku. AI obje ove stvari lako napravi krivo ako mu to ne kažete.

Stripeova standardna cijena je postotak plus fiksna naknada po uspješnom plaćanju karticom, bez naknade za postavljanje i mjesečnih naknada (od rujna 2026.); točna stopa ovisi o zemlji i kartici. Sve najprije izradite u Stripeovom testnom načinu rada s njihovim testnim brojevima kartica. Naš vodič o dodavanju plaćanja u vašu aplikaciju obuhvaća ključeve, testni način rada i webhookove.

Odluke o porezu, dostavi i zalihama

Ovo su poslovne odluke koje umjesto vas ne može donijeti AI:

• Porez. Morate li naplaćivati porez na promet ili PDV i po kojoj stopi ovisi o tome gdje ste vi i vaši kupci. Stripe za to nudi proizvod (Stripe Tax), ili možete postaviti fiksne stope ako je vaša situacija jednostavna. Ako niste sigurni, pitajte računovođu.
• Dostava. Krenite s nekoliko fiksnih cijena (domaća, međunarodna, besplatna iznad određenog iznosa). Cijene dostavnih službi u stvarnom vremenu i ispis naljepnica područja su u kojima platforme poput Shopifyja puno olakšavaju posao.
• Zalihe. Odlučite hoće li se zaliha rezervirati kad kupnja počne ili tek kad plaćanje uspije. Za male trgovine jednostavnije je smanjivati zalihu pri plaćanju i ponovno je provjeriti neposredno prije kupnje; tada je povremeno moguće prodati i posljednji komad više puta, pa unaprijed odlučite kako ćete to riješiti. Za praćenje zaliha izvan trgovine pogledajte kako izraditi aplikaciju za upravljanje zalihama.

Prvi upit koji radi

Izradi internetsku trgovinu za Loam & Clay, malu keramičku radionicu koja prodaje šalice, zdjele i vaze. Trgovina: početna stranica s izdvojenim proizvodima, stranica trgovine s filterima po kategorijama, stranice proizvoda s galerijom slika, varijantama boja i statusom zaliha te košarica koja se izvlači sa strane. Spremi proizvode, varijante, narudžbe i stavke narudžbi u bazu podataka i unesi 10 realističnih proizvoda. Administracija (potrebna prijava) za dodavanje i uređivanje proizvoda, učitavanje slika, promjenu zaliha i pregled narudžbi sa statusom plaćeno / spakirano / poslano. Gumb za plaćanje neka za sada bude zamjenski — Stripe Checkout dodajemo sljedeće. Topao, minimalistički dizajn, prvo za mobitel. Bez lažnih recenzija i tvrdnji o „besplatnoj dostavi u cijeli svijet”.

Počinjanje s plaćanjem kao zamjenskim gumbom namjerno je: prvo ispravite katalog i administraciju, a plaćanje zatim dodajte kao zaseban korak koji možete ispravno testirati.

Koraci izrade

1. Katalog i stranice proizvoda sa stvarnim nazivima proizvoda, cijenama i fotografijama.
2. Košarica koja preživi osvježavanje stranice.
3. Administracija: proizvodi, varijante, zalihe, učitavanje slika. Zaštitite je prijavom.
4. Stripe Checkout u testnom načinu rada, uz ponovnu provjeru cijena i zaliha na poslužitelju.
5. Webhook koji označava narudžbe plaćenima i smanjuje zalihe. Testirajte ga od početka do kraja s testnom karticom.
6. E-mailovi o narudžbi kupcu i vama.
7. Pravila i SEO: stranice o dostavi i povratima, naslovi i opisi proizvoda, slike za dijeljenje. Pogledajte SEO za web stranice izrađene uz AI.
8. Objava: prebacite se na žive Stripe ključeve, sami napravite jednu malu stvarnu narudžbu i vratite novac.

Česte pogreške

• Vjerovanje cijenama iz preglednika. Uvijek ponovno izračunajte na poslužitelju.
• Označavanje narudžbi plaćenima na stranici uspjeha umjesto putem webhooka.
• Prepisivanje brojeva zaliha umjesto bilježenja kretanja — gubite povijest zašto se zaliha promijenila.
• Pokretanje bez stranica o dostavi i povratima.
• Ogromne slike proizvoda. Sažmite ih i poslužujte iz pohrane datoteka, a ne unutar koda.
• Gradnja lista želja, recenzija i bodova lojalnosti prije prve prodaje.

Troškovi rada

Planirajte: hosting i bazu podataka, naknade za obradu plaćanja na svaku prodaju, domenu, pružatelja e-pošte za potvrde narudžbi i možda uslugu za porez. Prilagođena trgovina izbjegava pretplatu platforme i naknade za aplikacije, ali preuzimate održavanje: kada nešto pukne na plaćanju, popravak je vaš.

Ako želite prodavače osim sebe — više dobavljača, od kojih se svaki isplaćuje — to je tržnica, s drugačijim pravilima plaćanja. Pogledajte kako izraditi tržnicu.

Izrada s Mythexom

Na Mythexu opišete trgovinu, a agent izrađuje katalog, košaricu i administraciju u živom pregledu, uz Postgres bazu za proizvode i narudžbe te pohranu datoteka za slike proizvoda. Dokumentacija za slučaj korištenja trgovine preporučuje upravo navedeni redoslijed: prvo katalog, plaćanje kasnije.

Plaćanja koriste vaš vlastiti Stripe račun: dodate Stripe ključeve kao tajne vrijednosti projekta i zamolite agenta da doda Checkout, a zatim testirate s Stripeovim testnim karticama u pregledu (Stripe recept). Webhookovima je potreban javni URL, pa objavite aplikaciju prije nego što Stripeu date adrese (recept za webhookove). Porez, dostava i sinkronizacija zaliha nisu ugrađene značajke Mythexa, a ne postoji ni izvorna integracija sa Shopifyjem — ako vam to treba kao gotov proizvod, Shopify je bolji izbor. Za polazište pogledajte predloške trgovina, poput internetske trgovine.

Pitanja