Kako zgraditi spletno trgovino: izdelki, košarica, plačilo in zaloga

Za zgradbo spletne trgovine potrebujete katalog izdelkov, košarico, plačilni postopek prek ponudnika, kot je Stripe, način za beleženje naročil in zmanjševanje zaloge ter skrbniški pregled za njihovo izpolnitev. AI gradnik aplikacij lahko vse to sestavi iz jasnega opisa. Največ razmisleka zahtevajo ne prodajna stran, temveč deli okoli denarja: kdaj se naročilo šteje za plačano, kako se zaloga rezervira ter kako ravnate z davki, dostavo in vračili.

Lastna trgovina ali Shopify? Najprej odločite

Preden začnete graditi, si to iskreno odgovorite.

Gostovana trgovinska platforma (Shopify, Squarespace Commerce, WooCommerce in podobne) je običajno boljša, kadar:

• prodajate fizične izdelke s cenami dostave, nalepkami za pošiljanje in vračili
• morate obračunavati davke v več regijah
• ekipa brez tehničnega znanja vsak dan dodaja izdelke in obdeluje naročila
• želite trgovino z dodatki – ocenami, e-poštnim trženjem, zvestobo
• prodajate po več kanalih in potrebujete eno skupno zalogo

Načrti Shopify so mesečna naročnina z popustom ob letnem plačilu, pri kartičnih plačilih pa se doda še provizija za obdelavo. Cene za svojo državo preverite na njihovi strani s cenami, ker se po regijah razlikujejo.

Lastna trgovina se pogosto izkaže bolje, kadar:

• je izdelek nenavaden: konfiguratorji po naročilu, kombinacija rezervacij in izdelkov, digitalni prenosi z licencami, B2B cenik po posamezni stranki
• je trgovina le del večje aplikacije (platforma za tečaje, članski portal, tržnica)
• prodajate majhen katalog in želite popoln nadzor nad oblikovanjem in potekom nakupa
• želite imeti kodo v lasti in se izogniti vezavi na platformo

Mnogim manjšim prodajalcem bo bolje ustrezala platforma. Če so vaše potrebe običajne, je to dobro – izberite bližnjico.

Kaj potrebuje spletna trgovina

Podatki

Pri vsaki postavki naročila shranite ceno v trenutku nakupa. Če čez mesec spremenite ceno, morajo stari naročili še vedno prikazati, koliko je stranka dejansko plačala.

Strani

• Prodajni del: domača stran, strani kategorij ali zbirk, strani izdelkov, košarica, preusmeritev na plačilo, potrditev naročila.
• Skrbniški del: izdelki in zaloga, naročila s statusi (plačano, zapakirano, poslano, vrnjeno), stranke, preprosti prodajni podatki.
• Pravna besedila in pravila: dostava, vračila, zasebnost in pogoji. Kupci jih poiščejo, preden kupijo, in mnoge regije nekatera od njih zahtevajo po zakonu.

Dovoljenja

Dopustite nakupe brez računa – nakup za gosta odstrani en korak, računi pa lahko pridejo pozneje. Samo skrbniki smejo videti naročila in urejati izdelke. Skrbniško območje zaščitite z resnično prijavo in preverjanji na strežniku.

Kako naj deluje plačilo

Najvarnejši vzorec za lastno trgovino je gostovana stran za plačilo. Pri Stripe:

1. Kupec klikne Plačaj. Vaš strežnik ponovno preveri cene in zalogo iz baze podatkov – nikoli ne zaupa temu, kar pošlje brskalnik – in ustvari sejo Stripe Checkout.
2. Kupec plača na strani Stripe. Podatki kartice nikoli ne pridejo na vaš strežnik.
3. Stripe pokliče vašo končno točko webhook in sporoči, da je plačilo uspelo. Šele takrat označite naročilo kot plačano in zmanjšate zalogo.
4. Kupec pristane na vaši potrditveni strani, vi pa pošljete potrditveno e-pošto.

Dve napaki se je treba izogniti: ustvarjanje naročila »plačano« iz preusmeritve na stran za uspeh (ljudje zapirajo zavihke, preusmeritve pa je mogoče ponarediti) in izračunavanje skupne vsote v brskalniku. Obe sta za AI enostavno zgrešljivi, razen če mu to izrecno poveste.

Standardna cena Stripe je odstotek plus fiksna pristojbina za vsako uspešno kartično plačilo, brez stroškov nastavitve ali mesečnih pristojbin (stanje september 2026). Natančna stopnja je odvisna od države in kartice. Vse najprej zgradite v testnem načinu Stripe s testnimi številkami kartic. Naš vodnik dodajanje plačil v vašo aplikacijo pokriva ključe, testni način in webhooke.

Odločitve o davkih, dostavi in zalogi

To so poslovne odločitve, ki jih AI ne more sprejeti namesto vas:

• Davki. Ali morate obračunavati davek na promet ali DDV in po kateri stopnji, je odvisno od tega, kje ste vi in kje so vaši kupci. Stripe ponuja storitev za to (Stripe Tax), ali pa nastavite fiksne stopnje, če je vaš položaj preprost. Če niste prepričani, vprašajte računovodjo.
• Dostava. Začnite z nekaj paušalnimi cenami (domača, mednarodna, brezplačna nad določenim zneskom). Cene prevoznikov v realnem času in tiskanje nalepk so tam, kjer vam platforme, kot je Shopify, prihranijo veliko dela.
• Zaloga. Odločite, ali se zaloga rezervira, ko se plačilo začne, ali šele, ko uspe. Pri manjših trgovinah je enostavneje zmanjšati zalogo ob uspešnem plačilu in jo ponovno preveriti tik pred plačilom. Takrat se občasno zgodi, da prodate zadnji kos dvakrat, zato se vnaprej odločite, kako boste to uredili. Za sledenje zalogi onkraj trgovine glejte kako zgraditi aplikacijo za upravljanje zalog.

Prvi poziv, ki deluje

Zgradi spletno trgovino za Loam & Clay, majhen keramični studio, ki prodaja skodelice, sklede in vaze. Prodajni del: domača stran z izpostavljenimi izdelki, stran trgovine s filtri po kategorijah, strani izdelkov z galerijo slik, barvnimi različicami in statusom zaloge ter drsna košarica. Shrani izdelke, različice, naročila in postavke naročil v bazo podatkov ter dodaj 10 realističnih izdelkov. Skrbniško območje (zahtevana prijava) za dodajanje in urejanje izdelkov, nalaganje slik, spreminjanje zaloge in pregled naročil s statusi plačano / zapakirano / poslano. Gumb za plačilo naj bo za zdaj nadomestni – Stripe Checkout dodamo naslednji. Toplo, minimalistično oblikovanje, najprej za mobilne naprave. Brez lažnih ocen in trditev „brezplačna dostava po vsem svetu“.

Začetek z nadomestnim plačilom je namerno: najprej naj bosta katalog in skrbniški del pravilna, plačila pa dodajte v ločenem koraku, ki ga lahko ustrezno preizkusite.

Koraki gradnje

1. Katalog in strani izdelkov z resničnimi imeni, cenami in fotografijami izdelkov.
2. Košarica, ki preživi osvežitev strani.
3. Skrbniški del: izdelki, različice, zaloga, nalaganje slik. Zaščitite ga s prijavo.
4. Stripe Checkout v testnem načinu, s strežnikom, ki ponovno preverja cene in zalogo.
5. Webhook, ki naročila označi kot plačana in zmanjša zalogo. Preizkusite od začetka do konca s testno kartico.
6. E-poštna obvestila o naročilih stranki in vam.
7. Pravila in SEO: strani za dostavo in vračila, naslovi in opisi izdelkov, slike za deljenje. Glejte SEO za spletna mesta, zgrajena z AI.
8. Objava: preklopite na žive ključe Stripe, sami oddajte majhno pravo naročilo in ga vrnite.

Pogoste napake

• Zaupanje cenam, poslanim iz brskalnika. Vedno znova izračunajte na strežniku.
• Označevanje naročil kot plačanih na strani za uspeh namesto prek webhooka.
• Prepisovanje številk zaloge namesto beleženja gibanj – izgubite zgodovino, zakaj se je zaloga spremenila.
• Objava brez strani za dostavo in vračila.
• Ogromne slike izdelkov. Stisnite jih in strezite iz shrambe datotek, ne iz kode.
• Gradnja seznamov želja, ocen in točk zvestobe pred prvo prodajo.

Tekoči stroški

Načrtujte: gostovanje in bazo podatkov, provizije za obdelavo plačil pri vsaki prodaji, domeno, ponudnika e-pošte za potrditve naročil in morda storitev za davke. Lastna trgovina pomeni, da se izognete mesečni naročnini platforme in pristojbinam za dodatke, vendar prevzamete vzdrževanje: če se nekaj pokvari pri plačilu, je popravilo vaša naloga.

Če želite prodajalce poleg sebe – več ponudnikov, od katerih vsakemu izplačate – gre za tržnico s svojimi pravili plačil. Glejte kako zgraditi tržnico.

Gradnja z Mythexom

V Mythexu trgovino opišete, agent pa v živem predogledu zgradi katalog, košarico in skrbniški del, z Postgres bazo podatkov za izdelke in naročila ter shrambo datotek za slike izdelkov. Dokumentacija za primer uporabe trgovine priporoča ravno zgoraj opisani vrstni red: najprej katalog, plačilo kasneje.

Plačila uporabljajo vaš lasten račun Stripe: ključe Stripe dodate kot skrivnosti projekta in agentu naročite, naj doda Checkout, nato pa preizkusite s testnimi karticami Stripe v predogledu (recept za Stripe). Webhooki potrebujejo javni naslov URL, zato aplikacijo objavite, preden vnesete naslov v Stripe (recept za webhooke). Davki, dostava in sinhronizacija zaloge niso vgrajene funkcije Mythexa, prav tako ni neposredne integracije s Shopify. Če to potrebujete kot dokončan izdelek, je Shopify boljša izbira. Za izhodišče glejte predloge trgovin, na primer spletno trgovino.

Vprašanja