Paano Gumawa ng Online Store: Mga Produkto, Cart, Checkout at Inventory

Para makagawa ng online store, kailangan mo ng product catalog, cart, checkout na tumatanggap ng bayad sa pamamagitan ng provider gaya ng Stripe, paraan para maitala ang mga order at mabawasan ang stock, at admin view para maiproseso ang mga ito. Kayang pagsamahin ng AI app builder ang lahat ng iyon mula sa malinaw na paglalarawan. Ang pinakamahalagang pag-isipan ay hindi ang storefront kundi ang mga bahaging may kinalaman sa pera: kailan itinuturing na bayad ang isang order, paano nire-reserve ang stock, at paano hahawakan ang buwis, shipping at refund.

Custom store o Shopify? Pagpasyahan muna

Maging tapat sa sarili tungkol dito bago magsimulang mag-build.

Mas mainam ang hosted commerce platform (Shopify, Squarespace Commerce, WooCommerce at mga katulad) kapag:

• Pisikal na produkto ang ibinebenta mo na may shipping rates, label at returns
• Kailangan mong kalkulahin ang buwis sa maraming rehiyon
• Non-technical ang team na magdadagdag ng produkto at magpoproseso ng order araw-araw
• Gusto mo ng app store ng add-ons gaya ng reviews, email marketing, loyalty
• Nagbebenta ka sa ilang channel at kailangan mo ng iisang bilang ng stock

May buwanang subscription ang mga plano ng Shopify na may diskwento kapag taunang binayaran, at may dagdag na processing fee ang bayad sa card. Tingnan ang pricing page nito para sa bansa mo, dahil nag-iiba ang presyo ayon sa rehiyon.

Kadalasang mas bagay ang custom store kapag:

• Hindi karaniwan ang produkto: made-to-order configurator, bookings kasama ang produkto, digital download na may lisensya, o B2B price list bawat customer
• Bahagi lang ang store ng mas malaking app (course platform, membership site, marketplace)
• Maliit ang catalog at gusto mo ng ganap na kontrol sa disenyo at daloy ng checkout
• Gusto mong pag-aari ang code at maiwasan ang platform lock-in

Maraming maliliit na nagbebenta ang mas mainam na platform ang gamit. Kung karaniwan lang ang pangangailangan mo, magandang bagay iyon. Piliin ang shortcut.

Ano ang kailangan ng online store

Data

I-save ang presyo noong binili sa bawat order item. Kung babaguhin mo ang presyo sa susunod na buwan, dapat pa ring ipakita ng mga lumang order kung ano ang binayaran ng customer.

Mga pahina

• Storefront: home, category o collection page, product page, cart, redirect sa checkout, at confirmation ng order.
• Admin: mga produkto at stock, mga order na may status (bayad, naka-pack, naipadala, na-refund), mga customer, at simpleng bilang ng benta.
• Legal at policy: shipping, returns, privacy at terms. Hinahanap ito ng mga mamimili bago bumili, at maraming rehiyon ang nangangailangan ng ilan sa mga ito ayon sa batas.

Mga pahintulot

Payagan ang mga mamimili na bumili nang walang account. Inaalis ng guest checkout ang isang hakbang, at maaaring idagdag ang account sa susunod. Admin lang ang dapat makakita ng order at makapag-edit ng produkto. Protektahan ang admin area gamit ang totoong login at server-side na pagsusuri.

Paano dapat gumana ang checkout

Ang pinakaligtas na pattern para sa custom store ay ang hosted checkout page. Gamit ang Stripe:

1. Ki-click ng mamimili ang Checkout. Ire-re-check ng server mo ang presyo at stock mula sa database. Hindi ito dapat magtiwala sa ipinapadala ng browser. Pagkatapos, gagawa ito ng Stripe Checkout session.
2. Magbabayad ang mamimili sa pahina ng Stripe. Hindi kailanman dumadaan ang detalye ng card sa server mo.
3. Tatawagin ng Stripe ang webhook endpoint ng app mo para sabihing matagumpay ang bayad. Doon lang mo mamarkahang bayad na ang order at mababawasan ang stock.
4. Mapupunta ang mamimili sa confirmation page mo, at magpapadala ka ng confirmation email.

Dalawang pagkakamaling iwasan: ang paggawa ng "bayad na" order mula sa redirect ng success page (nagsasara ng tab ang mga tao, at puwedeng pekein ang redirect) at ang pagkalkula ng kabuuan sa browser. Madaling magkamali ang AI sa dalawang ito kung hindi mo ito sasabihin nang malinaw.

Ang karaniwang presyo ng Stripe ay porsyento kasama ang nakapirming bayad sa bawat matagumpay na card payment, walang setup o buwanang bayad (as of September 2026). Nakadepende ang eksaktong rate sa bansa mo at sa card. I-build muna ang lahat sa test mode ng Stripe gamit ang test card numbers nito. Sakop ng gabay namin sa pagdaragdag ng payments sa app mo ang keys, test mode at webhooks.

Mga desisyon sa buwis, shipping at inventory

Mga desisyon ito sa negosyo na hindi kayang gawin ng AI para sa iyo:

• Buwis. Kung kailangan mong maningil ng sales tax o VAT, at kung magkano, nakadepende sa kung nasaan ka at ang mga customer mo. May produkto ang Stripe para dito (Stripe Tax), o puwede kang maglagay ng nakapirming rate kung simple ang sitwasyon mo. Magtanong sa accountant kung hindi ka sigurado.
• Shipping. Magsimula sa ilang flat rate (lokal, international, libre kapag lumampas sa threshold). Ang real-time carrier rates at pag-print ng label ang bahaging nakakatipid ng malaking trabaho sa mga platform gaya ng Shopify.
• Inventory. Pagpasyahan kung ire-reserve ang stock kapag nagsimula ang checkout o kapag matagumpay lang ang bayad. Para sa maliliit na store, mas simple ang pagbawas ng stock kapag bayad na at ang pag-check ulit bago ang checkout. Pero posibleng ma-oversell paminsan-minsan ang huling item, kaya pagpasyahan kung paano ito haharapin. Para sa stock tracking na lampas sa store, tingnan ang paano gumawa ng inventory management app.

Unang prompt na gumagana

Gumawa ng online store para sa Loam & Clay, maliit na ceramics studio na nagbebenta ng mug, bowl at vase. Storefront: home page na may featured products, shop page na may category filter, product page na may image gallery, color variant at stock status, at slide-out cart. I-save ang products, variants, orders at order items sa database at mag-seed ng 10 makatotohanang produkto. Admin area (kailangan ng login) para magdagdag at mag-edit ng produkto, mag-upload ng larawan, magbago ng stock, at makita ang mga order na may status na bayad / naka-pack / naipadala. Puwedeng placeholder muna ang checkout button, idadagdag natin ang Stripe Checkout sa susunod. Mainit at simpleng disenyo, mobile-first. Walang pekeng review o pangakong "libreng shipping sa buong mundo".

Sinadya ang pagsisimula sa placeholder na checkout: unahin ang tamang catalog at admin, saka idagdag ang payments sa hiwalay na hakbang na masusubukan mo nang maayos.

Mga hakbang sa pag-build

1. Catalog at product page, na may totoong pangalan, presyo at larawan ng produkto.
2. Cart na nananatili kahit i-refresh ang page.
3. Admin: products, variants, stock, pag-upload ng larawan. Protektahan ito ng login.
4. Stripe Checkout sa test mode, na nagre-re-check ng presyo at stock sa server.
5. Webhook na nagmamarka ng order bilang bayad at nagbabawas ng stock. Subukan ito mula simula hanggang dulo gamit ang test card.
6. Order emails para sa customer at para sa iyo.
7. Policy at SEO: shipping at returns page, pamagat at paglalarawan ng produkto, share image. Tingnan ang SEO para sa AI-built websites.
8. Go live: lumipat sa live Stripe keys, maglagay ka mismo ng maliit na totoong order, at i-refund ito.

Mga karaniwang pagkakamali

• Pagtitiwala sa presyo mula sa browser. Laging i-recalculate sa server.
• Pagmarka ng bayad na order sa success page sa halip na sa webhook.
• Pag-overwrite ng stock sa halip na pagtala ng movements. Mawawala ang kasaysayan ng dahilan ng pagbabago ng stock.
• Paglulunsad nang walang shipping at returns page.
• Napakalaking larawan ng produkto. I-compress ang mga ito at i-serve mula sa file storage, hindi sa loob ng code.
• Pag-build ng wishlist, review at loyalty points bago ang unang benta.

Mga gastos sa pagpapatakbo

Magplano para sa: hosting at database, bayad sa payment processing sa bawat benta, domain, email provider para sa order confirmation, at posibleng tax service. Iniiwasan ng custom store ang subscription sa platform at app fees, pero ikaw ang sasagot sa maintenance. Kapag may nasira sa checkout, ikaw ang mag-aayos nito.

Kung may ibang nagbebenta bukod sa iyo, kung saan may ilang vendor na binabayaran nang hiwalay, marketplace iyon na may ibang patakaran sa bayad. Tingnan ang paano gumawa ng marketplace.

Pagbuo nito gamit ang Mythex

Sa Mythex, ilalarawan mo ang store at bubuuin ng agent ang catalog, cart at admin sa live preview, na may Postgres database para sa mga produkto at order at file storage para sa mga larawan ng produkto. Eksaktong nirerekomenda ng store use case ng docs ang pagkakasunod-sunod sa itaas: catalog muna, checkout sa susunod.

Gumagamit ang payments ng sarili mong Stripe account. Idadagdag mo ang Stripe keys mo bilang project secrets at hihilingin mo sa agent na idagdag ang Checkout, saka susubukan gamit ang test cards ng Stripe sa preview (Stripe recipe). Kailangan ng webhooks ng public URL, kaya i-publish muna bago mo ituro ang Stripe sa mga ito (webhooks recipe). Hindi built-in na feature ng Mythex ang buwis, shipping at inventory sync, at walang native na Shopify integration. Kung kailangan mo ang mga iyon bilang tapos na produkto, mas mainam ang Shopify. Para sa panimulang punto, tingnan ang store templates, gaya ng ecommerce store.

Mga tanong