Kako napraviti online prodavnicu: proizvodi, korpa, plaćanje i zalihe

Da biste napravili online prodavnicu, potrebni su vam katalog proizvoda, korpa, plaćanje preko pružaoca kao što je Stripe, način da evidentirate narudžbe i smanjite zalihe, te administrativni pregled za njihovu obradu. AI alat za izradu aplikacija može sve to složiti na osnovu jasnog opisa. Najviše pažnje treba posvetiti dijelovima oko novca, a ne samoj prodavnici: kada se narudžba smatra plaćenom, kako se rezervišu zalihe i kako rješavate porez, dostavu i povrate.

Prilagođena prodavnica ili Shopify? Prvo odlučite

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

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

• prodajete fizičke proizvode sa cijenama dostave, nalepnicama i povratima
• trebate računati porez u više regija
• tim bez tehničkog znanja svakodnevno dodaje proizvode i obrađuje narudžbe
• želite prodavnicu aplikacija za dodatke: recenzije, email marketing, lojalnost
• prodajete na više kanala i trebate jedinstveno stanje zaliha

Shopify se plaća kao mjesečna pretplata uz popust za plaćanje na godinu, a na kartična plaćanja dolaze i naknade za obradu; provjerite cjenovnik za vašu zemlju, jer se cijene razlikuju po regijama.

Prilagođena prodavnica se obično isplati kada:

• je proizvod neuobičajen: konfiguratori po narudžbi, termini uz proizvode, digitalna preuzimanja s licencama, B2B cjenovnici po kupcu
• je prodavnica dio veće aplikacije (platforma za kurseve, sajt za članove, tržnica)
• prodajete mali katalog i želite potpunu kontrolu nad dizajnom i tokom plaćanja
• želite da posjedujete kod i izbjegnete vezanost za platformu

Mnogi mali prodavci najbolje su opslužen platformom. Ako su vaše potrebe uobičajene, to je dobra stvar: iskoristite prečicu.

Šta online prodavnica treba

Podaci

Na svakoj stavci narudžbe sačuvajte cijenu u trenutku kupovine. Ako sljedeći mjesec promijenite cijenu, stare narudžbe moraju i dalje pokazivati šta je kupac platio.

Stranice

• Prodavnica: početna, stranice kategorija ili kolekcija, stranice proizvoda, korpa, preusmjeravanje na plaćanje, potvrda narudžbe.
• Administracija: proizvodi i zalihe, narudžbe sa statusom (plaćeno, spakovano, poslato, vraćeno), kupci, jednostavni prikaz prodaje.
• Pravne stranice i politike: dostava, povrati, privatnost i uslovi. Kupci ih traže prije kupovine, a mnoge regije ih zakonski zahtijevaju.

Dozvole

Dozvolite kupovinu bez naloga — gostujuće plaćanje uklanja jedan korak, a nalozi mogu doći kasnije. Samo administratori smiju vidjeti narudžbe i mijenjati proizvode — zaštitite administraciju pravom prijavom i provjerama na serveru.

Kako treba da radi plaćanje

Najsigurniji obrazac za prilagođenu prodavnicu je hostovana stranica za plaćanje. Sa Stripeom:

1. Kupac klikne na plaćanje. Vaš server ponovo provjerava cijene i zalihe iz baze — nikada ne vjeruje onome što pošalje pretraživač — i kreira Stripe Checkout sesiju.
2. Kupac plaća na Stripe stranici. Podaci o kartici nikada ne dolaze na vaš server.
3. Stripe poziva vaš webhook krajnji tačku da kaže da je plaćanje uspjelo. Tek tada označavate narudžbu kao plaćenu i smanjujete zalihe.
4. Kupac završava na vašoj stranici potvrde, a vi šaljete email potvrde.

Dvije greške koje treba izbjeći: kreiranje narudžbe „plaćeno” sa preusmjeravanja na stranicu uspjeha (ljudi zatvaraju kartice, a preusmjeravanja se mogu lažirati) i računanje ukupnog iznosa u pretraživaču. AI lako pogriješi u oba slučaja, osim ako mu to jasno ne kažete.

Stripe standardna cijena je procenat plus fiksna naknada po uspješnom plaćanju karticom, bez naknade za postavljanje i bez mjesečnih naknada (od septembra 2026); tačna stopa zavisi od vaše zemlje i kartice. Sve prvo gradite u Stripe test režimu s test brojevima kartica. Naš vodič o dodavanju plaćanja u vašu aplikaciju pokriva ključeve, test režim i webhook-e.

Odluke o porezu, dostavi i zalihama

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

• Porez. Da li morate naplaćivati porez na promet ili PDV, i po kojoj stopi, zavisi od toga gdje ste vi i gdje su vaši kupci. Stripe nudi proizvod za to (Stripe Tax), ili možete postaviti fiksne stope ako je vaša situacija jednostavna. Ako niste sigurni, pitajte računovođu.
• Dostava. Počnite s nekoliko fiksnih cijena (domaća, međunarodna, besplatna iznad određenog iznosa). Cijene kurirskih službi u realnom vremenu i štampanje nalepnica su mjesta gdje platforme kao Shopify uštede mnogo posla.
• Zalihe. Odlučite da li se zaliha rezerviše kada počne plaćanje ili tek kada uplata uspije. Za male prodavnice jednostavnije je smanjivati zalihe pri uspješnoj uplati i ponovo provjeriti tik prije plaćanja; tada je moguće da povremeno prodate i posljednji komad, pa unaprijed odlučite kako ćete to rješavati. Za praćenje zaliha izvan prodavnice pogledajte kako napraviti aplikaciju za upravljanje zalihama.

Prvi prompt koji radi

Napravi online prodavnicu za Loam & Clay, mali studio keramike koji prodaje šolje, zdjele i vaze. Prodavnica: početna stranica sa istaknutim proizvodima, stranica za kupovinu sa filterima po kategoriji, stranice proizvoda sa galerijom slika, varijantama boja i statusom zaliha, te korpa koja se izvlači sa strane. Spremi proizvode, varijante, narudžbe i stavke narudžbe u bazu podataka i ubaci 10 realističnih proizvoda. Administracija (potrebna prijava) za dodavanje i uređivanje proizvoda, otpremanje slika, promjenu zaliha i pregled narudžbi sa statusom plaćeno / spakovano / poslato. Dugme za plaćanje može biti privremeno mjesto za sada — Stripe Checkout dodajemo sljedeći korak. Topao, minimalan dizajn, prvo mobilni. Bez lažnih recenzija i tvrdnji poput „besplatna dostava širom svijeta”.

Početak s plaćanjem kao privremenim mjestom je namjerno: prvo postavite katalog i administraciju kako treba, pa plaćanje dodajte u zasebnom koraku koji možete ispravno testirati.

Koraci izrade

1. Katalog i stranice proizvoda, sa stvarnim nazivima, cijenama i fotografijama proizvoda.
2. Korpa koja preživi osvježavanje stranice.
3. Administracija: proizvodi, varijante, zalihe, otpremanje slika. Zaštitite je prijavom.
4. Stripe Checkout u test režimu, uz to da server ponovo provjerava cijene i zalihe.
5. Webhook koji označava narudžbe plaćenim i smanjuje zalihe. Testirajte ga od početka do kraja test karticom.
6. Email potvrde narudžbe kupcu i vama.
7. Politike i SEO: stranice o dostavi i povratima, naslovi i opisi proizvoda, slike za dijeljenje. Pogledajte SEO za web stranice napravljene uz AI.
8. Objava: pređite na žive Stripe ključeve, napravite stvarnu malu narudžbu sami i vratite novac.

Česte greške

• Vjerovanje cijenama iz pretraživača. Uvijek ponovo računajte na serveru.
• Označavanje narudžbi kao plaćenih na stranici uspjeha umjesto preko webhook-a.
• Prepisivanje brojeva zaliha umjesto evidentiranja kretanja — gubite istoriju razloga promjene.
• Pokretanje bez stranica o dostavi i povratima.
• Ogromne slike proizvoda. Kompresujte ih i služite iz skladišta datoteka, a ne iz 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, domen, servis za email (za potvrde narudžbi) i možda uslugu za porez. Prilagođena prodavnica izbjegava pretplatu platforme i naknade za aplikacije, ali preuzimate održavanje: kada nešto pukne na plaćanju, to je vaš posao da popravite.

Ako želite prodavce osim sebe — više dobavljača, od kojih svaki dobija isplatu — to je tržnica, sa drugačijim pravilima plaćanja. Pogledajte kako napraviti tržnicu.

Izrada uz Mythex

Na Mythexu opišete prodavnicu, a agent gradi katalog, korpu i administraciju u živom pregledu, sa Postgres bazom za proizvode i narudžbe i skladištem datoteka za slike proizvoda. Dokumentacija za prodavnice preporučuje upravo redoslijed iznad: prvo katalog, plaćanje kasnije.

Plaćanja koriste vaš vlastiti Stripe račun: dodajete Stripe ključeve kao tajne projekta i tražite od agenta da doda Checkout, a zatim testirate Stripe test karticama u pregledu (Stripe recept). Webhook-ovi zahtijevaju javnu adresu, pa objavite aplikaciju prije nego što Stripeu date adresu (recept za webhook-ove). Porez, dostava i sinhronizacija zaliha nisu ugrađene funkcije Mythexa, i nema nativne Shopify integracije — ako vam trebaju kao gotov proizvod, Shopify je bolji izbor. Za početnu tačku pogledajte šablone prodavnica, na primjer prodavnicu za e-trgovinu.

Pitanja