Verkkokaupan rakentaminen: tuotteet, ostoskori, kassa ja varasto

Verkkokaupan rakentamiseen tarvitset tuotekatalogin, ostoskorin, kassan, joka ottaa maksun maksupalvelun kautta, kuten Stripen, tavan kirjata tilaukset ja vähentää varastoa sekä hallintanäkymän tilausten käsittelyyn. Tekoälysovellusrakentaja voi koota kaiken tämän selkeästä kuvauksesta. Eniten ajattelua vaatii kuitenkin kaupan ympärillä oleva raha: milloin tilaus katsotaan maksetuksi, miten varasto varataan ja miten hoidat verotuksen, toimituksen ja palautukset. Myymälän ulkoasu on se vähiten tärkeä osa.

Oma kauppa vai Shopify? Päätä ensin

Ole rehellinen tästä ennen kuin rakennat mitään.

Valmis kauppa-alusta (Shopify, Squarespace Commerce, WooCommerce ja vastaavat) on yleensä parempi, kun:

• Myyt fyysisiä tuotteita, joihin liittyvät toimitushinnat, lähetysetiketit ja palautukset
• Tarvitset verotuksen laskettuna useille alueille
• Ei-tekninen tiimi lisää tuotteita ja käsittelee tilauksia joka päivä
• Haluat lisäosien sovelluskaupan: arvostelut, sähköpostimarkkinointi, kanta-asiakasohjelman
• Myyt useissa kanavissa ja tarvitset yhden varastoluvun

Shopifyn hinnoittelu on kuukausittainen tilaus, josta saa alennuksen maksamalla vuodeksi kerralla, ja korttimaksuista veloitetaan lisäksi käsittelymaksu. Tarkista hinnat maasi hinnoittelusivulta, koska ne vaihtelevat alueittain.

Oma kauppa on usein parempi, kun:

• Tuote on epätavallinen: tilaustyönä tehtävät konfiguraattorit, varaukset yhdessä tuotteiden kanssa, digitaaliset lataukset lisensseillä tai asiakaskohtaiset B2B-hinnastot
• Kauppa on osa laajempaa sovellusta (kurssialusta, jäsensivusto, markkinapaikka)
• Myyt pientä valikoimaa ja haluat täyden hallinnan ulkoasusta ja kassavirrasta
• Haluat omistaa koodin ja välttää alustasidonnaisuuden

Monelle pienelle myyjälle alusta on paras valinta. Jos tarpeesi ovat tavallisia, se on hyvä uutinen: ota oikotie.

Mitä verkkokauppa tarvitsee

Data

Tallenna jokaiselle tilausriville hinta ostohetkellä. Jos muutat hintaa ensi kuussa, vanhojen tilausten pitää silti näyttää, mitä asiakas todella maksoi.

Sivut

• Myymälä: etusivu, kategoria- tai kokoelmasivut, tuotesivut, ostoskori, kassaan ohjaus ja tilausvahvistus.
• Hallinta: tuotteet ja varasto, tilaukset tilan mukaan (maksettu, pakattu, toimitettu, hyvitetty), asiakkaat ja yksinkertaiset myyntiluvut.
• Lakitiedot ja käytännöt: toimitus, palautukset, tietosuoja ja käyttöehdot. Ostajat etsivät nämä ennen ostamista, ja monilla alueilla osa niistä vaaditaan lailla.

Oikeudet

Anna ostajien tehdä ostoksia ilman tiliä. Vierasasiointi poistaa yhden vaiheen, ja tilit voi lisätä myöhemmin. Vain ylläpitäjät näkevät tilaukset ja muokkaavat tuotteita, joten suojaa hallintaosio kunnollisella kirjautumisella ja palvelinpuolen tarkistuksilla.

Miten kassan pitää toimia

Turvallisin malli omalle verkkokaupalle on isännöity kassasivu. Stripen kanssa toimitaan näin:

1. Ostaja painaa Kassa-painiketta. Palvelimesi tarkistaa hinnat ja varastotilanteen uudelleen tietokannasta, koska selaimen lähettämiin tietoihin ei koskaan voi luottaa, ja luo Stripe Checkout -istunnon.
2. Ostaja maksaa Stripen sivulla. Korttitiedot eivät koskaan kulje palvelimellesi.
3. Stripe kutsuu sovelluksesi webhook-päätepistettä ja kertoo, että maksu onnistui. Vasta sitten merkitset tilauksen maksetuksi ja vähennät varastoa.
4. Ostaja päätyy vahvistussivullesi, ja sinä lähetät vahvistussähköpostin.

Kaksi virhettä kannattaa välttää: tilauksen luominen maksetuksi onnistumissivun uudelleenohjauksesta (ihmiset sulkevat välilehtiä, ja uudelleenohjauksia voi väärentää) ja kokonaissumman laskeminen selaimessa. Tekoäly tekee molemmat helposti väärin, ellet sano toisin.

Stripen perushinta on prosentti plus kiinteä maksu onnistuneesta korttimaksusta ilman perustamis- tai kuukausimaksuja (syyskuun 2026 tilanteen mukaan). Tarkka hinta riippuu maastasi ja kortista. Rakenna kaikki ensin Stripen testitilassa testikorttinumeroilla. Oppaamme maksujen lisäämisestä sovellukseesi käy läpi avaimet, testitilan ja webhookit.

Verotus, toimitus ja varasto: päätökset

Nämä ovat liiketoimintapäätöksiä, joita tekoäly ei voi tehdä puolestasi:

• Verotus. Pitääkö sinun periä myyntivero tai ALV ja mikä kanta, riippuu siitä, missä sinä ja asiakkaasi olette. Stripella on tähän tuote (Stripe Tax), tai voit asettaa kiinteät verokannat, jos tilanteesi on yksinkertainen. Kysy kirjanpitäjältä, jos olet epävarma.
• Toimitus. Aloita muutamalla kiinteällä hinnalla: kotimaa, ulkomaat ja ilmainen toimitus yli tietyn summan. Reaaliaikaiset kuljetusyhtiöiden hinnat ja etikettien tulostus ovat kohtia, joissa alustat kuten Shopify säästävät paljon työtä.
• Varasto. Päätä, varataanko varasto kassan alkaessa vai vasta, kun maksu onnistuu. Pienille kaupoille on yksinkertaisempaa vähentää varastoa maksun yhteydessä ja tarkistaa se uudelleen juuri ennen kassaa. Silloin viimeisen tuotteen ylimyynti on joskus mahdollinen, joten päätä etukäteen, miten käsittelet sen. Varastoseurantaan kaupan ulkopuolella katso miten rakennat varastonhallintasovelluksen.

Ensimmäinen toimiva kehote

Rakenna verkkokauppa Loam & Clay -nimiselle pienelle keraamikkostudiolle, joka myy mukeja, kulhoja ja maljakoita. Myymälä: etusivu, jolla on esillä olevia tuotteita, kauppasivu kategoriasuodattimilla, tuotesivut kuvagalleriana, väriversioilla ja varastotilanteella sekä liukuva ostoskori. Tallenna tuotteet, variantit, tilaukset ja tilausrivit tietokantaan ja lisää 10 realistista tuotetta. Hallintaosio (vaadi kirjautuminen) tuotteiden lisäämiseen ja muokkaamiseen, kuvien lataamiseen, varaston muuttamiseen ja tilausten näyttämiseen tiloilla maksettu / pakattu / toimitettu. Kassapainike saa olla toistaiseksi paikkamerkki, lisäämme Stripe Checkoutin seuraavaksi. Lämmin, minimalistinen ulkoasu, mobiili edellä. Ei väärennettyjä arvioita eikä ”ilmainen toimitus koko maailmaan” -väitteitä.

Kassan aloittaminen paikkamerkillä on tarkoituksellista: tee ensin katalogi ja hallinta kuntoon, ja lisää maksut erillisenä vaiheena, jonka voit testata kunnolla.

Rakennusvaiheet

1. Katalogi ja tuotesivut oikeilla tuotenimillä, hinnoilla ja kuvilla.
2. Ostoskori, joka säilyy sivun päivittyessä.
3. Hallinta: tuotteet, variantit, varasto ja kuvien lataus. Suojaa kirjautumisella.
4. Stripe Checkout testitilassa. Palvelin tarkistaa hinnat ja varaston.
5. Webhook, joka merkitsee tilaukset maksetuiksi ja vähentää varastoa. Testaa koko ketju testikortilla.
6. Tilausviestit asiakkaalle ja sinulle.
7. Käytännöt ja SEO: toimitus- ja palautussivut, tuotteiden otsikot ja kuvaukset sekä jakokuvat. Katso SEO tekoälyllä rakennetuille verkkosivuille.
8. Julkaisu: vaihda oikeat Stripe-avaimet, tee itse pieni oikea tilaus ja hyvitä se.

Yleisiä virheitä

• Hintojen luottaminen selaimesta. Laske aina uudelleen palvelimella.
• Tilausten merkitseminen maksetuksi onnistumissivulla webhookin sijaan.
• Varastolukujen ylikirjoittaminen liikkeiden kirjaamisen sijaan. Silloin menetät tiedon siitä, miksi varasto muuttui.
• Julkaisu ilman toimitus- ja palautussivuja.
• Valtavat tuotekuvat. Pakkaa ne ja tarjoa tiedostovarastosta, älä koodin sisältä.
• Toivelistojen, arvostelujen ja kanta-asiakaspisteiden rakentaminen ennen ensimmäistä myyntiä.

Ylläpitokustannukset

Varaudu näihin: hosting ja tietokanta, maksupalvelun kulut jokaisesta myynnistä, verkkotunnus, sähköpostipalvelu tilausvahvistuksille ja mahdollisesti veropalvelu. Oma kauppa välttää alustatilauksen ja lisäosamaksut, mutta ylläpito on sinun vastuullasi: kun kassa hajoaa, korjaus kuuluu sinulle.

Jos haluat useita myyjiä, joille kaikille maksetaan, kyse on markkinapaikasta, jolla on erilaiset maksusäännöt. Katso miten rakennat markkinapaikan.

Rakentaminen Mythexillä

Mythexissä kuvaat kaupan, ja agentti rakentaa katalogin, ostoskorin ja hallinnan elävään esikatseluun. Tuotteille ja tilauksille käytetään Postgres-tietokantaa ja tuotekuville tiedostovarastoa. Myymälä-käyttötapauksen dokumentaatio suosittelee täsmälleen yllä olevaa järjestystä: ensin katalogi, kassa myöhemmin.

Maksut käyttävät omaa Stripe-tiliäsi. Lisäät Stripe-avaimesi projektin salaisuuksiksi ja pyydät agenttia lisäämään Checkoutin, ja testaat sen Stripen testikorteilla esikatselussa (Stripe-ohje). Webhookit tarvitsevat julkisen osoitteen, joten julkaise ennen kuin osoitat Stripen niihin (webhook-ohje). Verotus, toimitus ja varastosynkronointi eivät ole sisäänrakennettuja Mythex-ominaisuuksia, eikä Shopify-integraatiota ole valmiina. Jos tarvitset nämä valmiina tuotteena, Shopify on parempi valinta. Aloituskohdaksi sopivat myymäläpohjat, kuten verkkokauppa.

Kysymykset