Cara Membina Kedai Dalam Talian: Produk, Troli, Bayaran dan Inventori

Untuk membina kedai dalam talian, anda memerlukan katalog produk, troli, checkout yang menerima bayaran melalui pembekal seperti Stripe, cara untuk merekod pesanan dan mengurangkan stok, serta paparan pentadbir untuk memproses pesanan. Pembina aplikasi AI boleh menyusun semua itu daripada penerangan yang jelas. Bahagian yang paling perlu difikirkan bukanlah kedai hadapan, tetapi bahagian yang berkaitan dengan wang: bila sesuatu pesanan dikira sebagai dibayar, bagaimana stok ditempah, dan bagaimana anda mengendalikan cukai, penghantaran dan bayaran balik.

Kedai tersuai atau Shopify? Tentukan dahulu

Jujurlah tentang perkara ini sebelum membina apa-apa.

Platform perdagangan yang dihoskan (Shopify, Squarespace Commerce, WooCommerce dan yang seumpamanya) biasanya lebih sesuai apabila:

Anda menjual produk fizikal dengan kadar penghantaran, label dan pemulangan
Anda perlu mengira cukai merentasi banyak wilayah
Pasukan yang tidak mahir teknikal akan menambah produk dan memproses pesanan setiap hari
Anda mahukan kedai apl tambahan: ulasan, pemasaran e-mel, ganjaran pelanggan
Anda menjual melalui beberapa saluran dan perlukan satu kiraan stok

Pelan Shopify ialah langganan bulanan dengan diskaun untuk bayaran tahunan, dan pemprosesan kad dikenakan yuran tambahan; semak halaman harga untuk negara anda, kerana harga berbeza mengikut wilayah.

Kedai tersuai biasanya lebih sesuai apabila:

Produknya luar biasa: konfigurator pesanan khas, tempahan bersama produk, muat turun digital dengan lesen, atau senarai harga B2B untuk setiap pelanggan
Kedai itu sebahagian daripada aplikasi yang lebih besar (platform kursus, laman keahlian, pasar)
Anda menjual katalog kecil dan mahukan kawalan penuh ke atas reka bentuk dan aliran checkout
Anda mahu memiliki kod dan mengelakkan kebergantungan pada satu platform

Ramai penjual kecil lebih sesuai menggunakan platform. Jika keperluan anda biasa-biasa sahaja, itu baik — ambil jalan pintas itu.

Apa yang diperlukan oleh kedai dalam talian

Data

Jadual	Medan utama
Produk	Nama, slug, penerangan, imej, harga, aktif ya/tidak, kategori
Varian	Produk, nilai pilihan (saiz, warna), SKU, harga khas, stok
Pesanan	Nombor, e-mel pelanggan, alamat penghantaran, status, jumlah kecil, penghantaran, cukai, jumlah, ID bayaran
Item pesanan	Pesanan, varian, kuantiti, harga seunit pada masa pembelian
Pergerakan stok	Varian, perubahan (+/−), sebab (jualan, pengisian semula, bayaran balik, pembetulan), tarikh
Kod diskaun	Kod, jenis, jumlah, tarikh tamat, had penggunaan — kemudian, bukan pada permulaan

Simpan harga pada masa pembelian pada setiap item pesanan. Jika anda menukar harga bulan depan, pesanan lama mesti tetap menunjukkan apa yang pelanggan bayar.

Halaman

Kedai hadapan: laman utama, halaman kategori atau koleksi, halaman produk, troli, ubah hala ke checkout, halaman pengesahan pesanan.
Pentadbir: produk dan stok, pesanan dengan status (dibayar, dibungkus, dihantar, dibayar balik), pelanggan, angka jualan ringkas.
Undang-undang dan dasar: penghantaran, pemulangan, privasi dan terma. Pembeli mencarinya sebelum membeli, dan banyak wilayah mewajibkan sebahagiannya mengikut undang-undang.

Kebenaran

Benarkan pembeli membeli tanpa akaun — checkout tanpa akaun membuang satu langkah, dan akaun boleh ditambah kemudian. Hanya pentadbir boleh melihat pesanan dan mengedit produk — lindungi kawasan pentadbir dengan log masuk yang sebenar dan semakan di bahagian pelayan.

Cara checkout sepatutnya berfungsi

Corak yang paling selamat untuk kedai tersuai ialah halaman checkout yang dihoskan. Dengan Stripe:

Pembeli klik Checkout. Pelayan anda menyemak semula harga dan stok daripada pangkalan data — tidak sekali-kali mempercayai apa yang dihantar oleh pelayar — dan mencipta sesi Stripe Checkout.
Pembeli membayar di halaman Stripe. Butiran kad tidak pernah sampai ke pelayan anda.
Stripe memanggil titik akhir webhook aplikasi anda untuk memberitahu bahawa bayaran berjaya. Barulah anda menandakan pesanan sebagai dibayar dan mengurangkan stok.
Pembeli dibawa ke halaman pengesahan anda, dan anda menghantar e-mel pengesahan.

Dua kesilapan yang perlu dielakkan: mencipta pesanan "dibayar" daripada ubah hala halaman kejayaan (orang menutup tab, dan ubah hala boleh dipalsukan) serta mengira jumlah dalam pelayar. Kedua-duanya mudah dibuat oleh AI melainkan anda menyatakannya dengan jelas.

Harga piawai Stripe ialah peratusan ditambah yuran tetap bagi setiap pembayaran kad yang berjaya, tanpa yuran persediaan atau bulanan (setakat September 2026); kadar tepat bergantung pada negara anda dan kad itu. Bina semuanya dalam mod ujian Stripe dengan nombor kad ujian dahulu. Panduan kami tentang menambah pembayaran pada aplikasi anda meliputi kunci, mod ujian dan webhook.

Keputusan tentang cukai, penghantaran dan inventori

Ini ialah keputusan perniagaan yang AI tidak boleh buat untuk anda:

Cukai. Sama ada anda mesti mengenakan cukai jualan atau VAT, dan pada kadar berapa, bergantung pada lokasi anda dan pelanggan anda. Stripe menawarkan produk untuk ini (Stripe Tax), atau anda boleh tetapkan kadar tetap jika keadaan anda mudah. Tanya akauntan jika anda tidak pasti.
Penghantaran. Mulakan dengan beberapa kadar tetap (domestik, antarabangsa, percuma melebihi had tertentu). Kadar masa nyata daripada syarikat kurier dan cetakan label ialah bahagian yang banyak dijimatkan oleh platform seperti Shopify.
Inventori. Tentukan sama ada stok ditempah apabila checkout bermula atau hanya apabila bayaran berjaya. Untuk kedai kecil, mengurangkan stok apabila bayaran berjaya dan menyemak semula sejurus sebelum checkout adalah lebih mudah; tetapi kadang-kadang item terakhir mungkin terjual dua kali, jadi tentukan cara anda mengendalikannya. Untuk penjejakan stok di luar kedai, lihat cara membina aplikasi pengurusan inventori.

Arahan pertama yang berkesan

Bina kedai dalam talian untuk Loam & Clay, studio kecil seramik yang menjual cawan, mangkuk dan pasu. Halaman utama dengan produk pilihan, halaman kedai dengan penapis kategori, halaman produk dengan galeri imej, varian warna dan status stok, serta troli yang meluncur dari sisi. Simpan produk, varian, pesanan dan item pesanan dalam pangkalan data dan isikan 10 produk yang realistik. Kawasan pentadbir (perlu log masuk) untuk menambah dan mengedit produk, memuat naik imej, menukar stok, dan melihat pesanan dengan status dibayar / dibungkus / dihantar. Butang checkout boleh jadi placeholder buat masa ini — kita akan tambah Stripe Checkout seterusnya. Reka bentuk yang hangat dan minimum, utamakan telefon bimbit. Tiada ulasan palsu dan tiada dakwaan "penghantaran percuma ke seluruh dunia".

Memulakan checkout sebagai placeholder adalah disengajakan: betulkan katalog dan pentadbir dahulu, kemudian sambungkan pembayaran dalam langkah berasingan yang boleh diuji dengan betul.

Langkah membina

Katalog dan halaman produk, dengan nama produk, harga dan gambar yang sebenar.
Troli yang kekal selepas halaman dimuat semula.
Pentadbir: produk, varian, stok, muat naik imej. Lindungi dengan log masuk.
Stripe Checkout dalam mod ujian, dengan pelayan menyemak semula harga dan stok.
Webhook yang menandakan pesanan sebagai dibayar dan mengurangkan stok. Uji dari awal hingga akhir dengan kad ujian.
E-mel pesanan kepada pelanggan dan kepada anda.
Dasar dan SEO: halaman penghantaran dan pemulangan, tajuk dan penerangan produk, imej untuk dikongsi. Lihat SEO untuk laman web yang dibina dengan AI.
Lancarkan: tukar kepada kunci Stripe langsung, buat satu pesanan kecil yang sebenar, kemudian bayar balik.

Kesilapan biasa

Mempercayai harga daripada pelayar. Sentiasa kira semula di pelayan.
Menandakan pesanan sebagai dibayar pada halaman kejayaan dan bukannya melalui webhook.
Menimpa nombor stok dan bukannya merekod pergerakan — anda kehilangan sejarah sebab stok berubah.
Melancarkan tanpa halaman penghantaran dan pemulangan.
Imej produk yang besar. Mampatkan dan sajikan dari storan fail, bukan di dalam kod.
Membina senarai hajat, ulasan dan mata ganjaran sebelum jualan pertama.

Kos berjalan

Rancang untuk: pengehosan dan pangkalan data, yuran pemprosesan bayaran bagi setiap jualan, domain, pembekal e-mel untuk pengesahan pesanan, dan mungkin perkhidmatan cukai. Kedai tersuai mengelakkan langganan platform dan yuran apl, tetapi anda menanggung penyelenggaraan: apabila sesuatu rosak di checkout, anda yang perlu membaikinya.

Jika anda mahukan penjual lain selain diri sendiri — beberapa vendor, setiap seorang dibayar — itu ialah pasar, dengan peraturan bayaran yang berbeza. Lihat cara membina pasar.

Membina dengan Mythex

Di Mythex, anda terangkan kedai dan ejen membina katalog, troli dan pentadbir dalam pratonton langsung, dengan pangkalan data Postgres untuk produk dan pesanan serta storan fail untuk imej produk. Kes penggunaan kedai dalam dokumentasi mengesyorkan susunan di atas dengan tepat: katalog dahulu, checkout kemudian.

Pembayaran menggunakan akaun Stripe anda sendiri: tambah kunci Stripe anda sebagai rahsia projek dan minta ejen menambah Checkout, kemudian uji dengan kad ujian Stripe dalam pratonton (resipi Stripe). Webhook memerlukan URL awam, jadi terbitkan dahulu sebelum anda menunjuk Stripe kepadanya (resipi webhook). Cukai, penghantaran dan penyegerakan inventori bukan ciri terbina dalam Mythex, dan tiada integrasi Shopify asli — jika anda memerlukannya sebagai produk siap, Shopify ialah pilihan yang lebih baik. Sebagai titik permulaan, lihat templat kedai, seperti kedai e-dagang.

Soalan lazim

Bolehkah saya membina kedai dalam talian dengan AI?

Boleh. Pembina aplikasi AI boleh membina katalog, halaman produk, troli dan pengurusan pesanan, serta menyambungkan checkout ke pembekal pembayaran seperti Stripe menggunakan akaun anda sendiri. Cukai, penghantaran dan peraturan pemenuhan pesanan ialah bahagian yang masih perlu anda putuskan dan uji dengan teliti.

Adakah saya perlukan Shopify untuk menjual dalam talian?

Tidak. Anda boleh menjual dengan kedai tersuai dan pembekal pembayaran seperti Stripe. Shopify tetap pilihan yang lebih mudah jika anda mahu inventori, penghantaran, cukai dan apl diuruskan sebagai satu produk, atau jika pasukan yang tidak mahir teknikal akan mengendalikan kedai setiap hari.

Bagaimana saya menerima bayaran di kedai dalam talian tersuai?

Kebanyakan kedai tersuai menghantar pembeli ke Stripe Checkout, halaman bayaran yang dihoskan oleh Stripe, dan mencipta pesanan apabila Stripe mengesahkan bayaran melalui webhook. Butiran kad tidak pernah sampai ke pelayan anda sendiri, yang menjadikannya lebih mudah dan lebih selamat.

Bagaimana saya memastikan inventori tepat?

Kurangkan stok hanya apabila bayaran telah disahkan, semak semula stok sebelum mencipta checkout, dan rekodkan setiap perubahan (jualan, pengisian semula, bayaran balik) sebagai pergerakan dan bukannya menimpa nombor. Apa-apa yang dijual di saluran lain perlu mengemas kini kiraan stok yang sama.