วิธีสร้างร้านค้าออนไลน์: สินค้า ตะกร้า การชำระเงิน และคลังสินค้า
การสร้างร้านค้าออนไลน์ คุณต้องมีแคตตาล็อกสินค้า ตะกร้า หน้าชำระเงินที่รับเงินผ่านผู้ให้บริการอย่าง Stripe วิธีบันทึกคำสั่งซื้อและตัดสต็อก และหน้าผู้ดูแลสำหรับจัดส่งสินค้า AI app builder สามารถประกอบทุกอย่างนี้ให้จากคำอธิบายที่ชัดเจนได้ สิ่งที่ควรคิดให้รอบคอบที่สุดไม่ใช่หน้าร้าน แต่คือส่วนที่เกี่ยวกับเงิน ได้แก่ เมื่อไรคำสั่งซื้อจึงนับว่าชำระแล้ว สต็อกถูกสงวนอย่างไร และจัดการภาษี ค่าจัดส่ง และการคืนเงินอย่างไร
ร้านค้าแบบกำหนดเองหรือ Shopify? ตัดสินใจก่อน
ให้ตรงไปตรงมากับตัวเองก่อนเริ่มสร้างอะไรทั้งนั้น
แพลตฟอร์มการค้าแบบโฮสต์ (Shopify, Squarespace Commerce, WooCommerce และอื่น ๆ) มักเหมาะกว่าเมื่อ:
- คุณขายสินค้าจับต้องได้ที่มีค่าจัดส่ง ใบปะหน้า และการคืนสินค้า
- คุณต้องคำนวณภาษีจากหลายภูมิภาค
- ทีมที่ไม่ใช่สายเทคนิคต้องเพิ่มสินค้าและจัดการคำสั่งซื้อทุกวัน
- คุณต้องการแอปเสริมจากสโตร์ เช่น รีวิว อีเมลการตลาด และโปรแกรมสะสมแต้ม
- คุณขายหลายช่องทางและต้องการตัวเลขสต็อกชุดเดียว
แผนของ Shopify คิดค่าบริการเป็นรายเดือน มีส่วนลดหากจ่ายเป็นรายปี และการชำระด้วยบัตรมีค่าธรรมเนียมการประมวลผลเพิ่มเติม ให้ตรวจสอบหน้าราคาของ Shopify สำหรับประเทศของคุณ เพราะราคาแตกต่างกันตามภูมิภาค
ร้านค้าแบบกำหนดเองมักได้เปรียบเมื่อ:
- สินค้าไม่ธรรมดา เช่น ระบบปรับแต่งสินค้าตามสั่ง การจองควบคู่กับสินค้า ดิจิทัลดาวน์โหลดที่มีไลเซนส์ หรือรายการราคาแบบ B2B สำหรับลูกค้าแต่ละราย
- ร้านค้าเป็นเพียงส่วนหนึ่งของแอปที่ใหญ่กว่า (แพลตฟอร์มคอร์สเรียน เว็บไซต์สมาชิก หรือมาร์เก็ตเพลส)
- คุณขายสินค้าจำนวนน้อยและต้องการควบคุมการออกแบบและขั้นตอนชำระเงินได้เต็มที่
- คุณต้องการเป็นเจ้าของโค้ดและหลีกเลี่ยงการผูกติดกับแพลตฟอร์มใดแพลตฟอร์มหนึ่ง
ผู้ขายรายย่อยจำนวนมากเหมาะกับแพลตฟอร์มมากกว่า หากความต้องการของคุณเป็นเรื่องธรรมดา ก็ถือเป็นเรื่องดี ให้ใช้ทางลัดนั้นเลย
ร้านค้าออนไลน์ต้องมีอะไรบ้าง
ข้อมูล
| ตาราง | ฟิลด์หลัก |
|---|---|
| Products | ชื่อ, slug, คำอธิบาย, รูปภาพ, ราคา, เปิดใช้งานหรือไม่ (ใช่/ไม่ใช่), หมวดหมู่ |
| Variants | สินค้า, ค่าตัวเลือก (ขนาด, สี), SKU, ราคาที่กำหนดเองแทนราคาหลัก, สต็อก |
| Orders | หมายเลข, อีเมลลูกค้า, ที่อยู่จัดส่ง, สถานะ, ยอดย่อย, ค่าจัดส่ง, ภาษี, ยอดรวม, รหัสการชำระเงิน |
| Order items | คำสั่งซื้อ, variant, จำนวน, ราคาต่อหน่วย ณ เวลาที่ซื้อ |
| Stock movements | Variant, การเปลี่ยนแปลง (+/−), เหตุผล (ขาย, เติมสต็อก, คืนเงิน, แก้ไข), วันที่ |
| Discount codes | โค้ด, ประเภท, จำนวนส่วนลด, วันหมดอายุ, จำนวนครั้งที่ใช้ได้ — ทำทีหลัง ไม่ใช่ตอนเริ่มต้น |
จัดเก็บ ราคา ณ เวลาที่ซื้อ ไว้ในแต่ละรายการของคำสั่งซื้อ หากคุณเปลี่ยนราคาในเดือนหน้า คำสั่งซื้อเก่าต้องยังแสดงสิ่งที่ลูกค้าจ่ายจริง
หน้าต่าง ๆ
- หน้าร้าน: หน้าแรก หน้าหมวดหมู่หรือคอลเลกชัน หน้าสินค้า ตะกร้า การเปลี่ยนเส้นทางไปหน้าชำระเงิน และหน้ายืนยันคำสั่งซื้อ
- ผู้ดูแล: สินค้าและสต็อก คำสั่งซื้อพร้อมสถานะ (ชำระแล้ว แพ็คแล้ว จัดส่งแล้ว คืนเงินแล้ว) ลูกค้า และตัวเลขยอดขายแบบเรียบง่าย
- กฎหมายและนโยบาย: การจัดส่ง การคืนสินค้า ความเป็นส่วนตัว และข้อกำหนดการใช้บริการ ผู้ซื้อมองหาสิ่งเหล่านี้ก่อนซื้อ และหลายประเทศกำหนดให้ต้องมีบางรายการตามกฎหมาย
สิทธิ์การเข้าถึง
ให้ผู้ซื้อสั่งซื้อได้โดยไม่ต้องมีบัญชี การชำระเงินแบบไม่ต้องสมัครสมาชิกช่วยลดขั้นตอนหนึ่งออกไป และค่อยเพิ่มระบบบัญชีทีหลังได้ มีเพียงผู้ดูแลเท่านั้นที่เห็นคำสั่งซื้อและแก้ไขสินค้าได้ ปกป้องพื้นที่ผู้ดูแลด้วยการล็อกอินที่ใช้งานได้จริงและการตรวจสิทธิ์ฝั่งเซิร์ฟเวอร์
กระบวนการชำระเงินควรทำงานอย่างไร
รูปแบบที่ปลอดภัยที่สุดสำหรับร้านค้าแบบกำหนดเองคือ หน้าชำระเงินแบบโฮสต์ เมื่อใช้ Stripe:
- ผู้ซื้อคลิกชำระเงิน เซิร์ฟเวอร์ของคุณตรวจราคาและสต็อกจากฐานข้อมูลอีกครั้ง โดยไม่เชื่อสิ่งที่เบราว์เซอร์ส่งมา แล้วสร้าง Stripe Checkout session
- ผู้ซื้อชำระเงินที่หน้าของ Stripe ข้อมูลบัตรไม่เคยผ่านเซิร์ฟเวอร์ของคุณ
- Stripe เรียก webhook ของแอปเพื่อแจ้งว่าการชำระเงินสำเร็จ เมื่อนั้นคุณจึงทำเครื่องหมายคำสั่งซื้อว่าชำระแล้วและตัดสต็อก
- ผู้ซื้อกลับมาที่หน้ายืนยัน และคุณส่งอีเมลยืนยันคำสั่งซื้อ
ความผิดพลาดสองอย่างที่ควรหลีกเลี่ยง: การสร้างคำสั่งซื้อ “ชำระแล้ว” จากการเปลี่ยนเส้นทางไปหน้าสำเร็จ (คนปิดแท็บได้ และการเปลี่ยนเส้นทางก็ปลอมแปลงได้) และการคำนวณยอดรวมในเบราว์เซอร์ ทั้งสองอย่างนี้ AI ทำผิดได้ง่ายหากคุณไม่บอกไว้ล่วงหน้า
ค่าธรรมเนียมมาตรฐานของ Stripe คือเปอร์เซ็นต์บวกค่าธรรมเนียมคงที่ต่อการชำระด้วยบัตรที่สำเร็จแต่ละครั้ง ไม่มีค่าตั้งค่าหรือค่ารายเดือน (ณ เดือนกันยายน 2026) อัตราที่แน่นอนขึ้นอยู่กับประเทศและประเภทของบัตร สร้างทุกอย่างในโหมดทดสอบของ Stripe ด้วยหมายเลขบัตรทดสอบก่อน คู่มือ วิธีเพิ่มการชำระเงินให้แอปของคุณ ครอบคลุมเรื่องคีย์ โหมดทดสอบ และ webhook
การตัดสินใจเรื่องภาษี ค่าจัดส่ง และสต็อก
นี่คือการตัดสินใจทางธุรกิจที่ AI ตัดสินแทนคุณไม่ได้:
- ภาษี ว่าคุณต้องเก็บภาษีการขายหรือ VAT หรือไม่ และในอัตราเท่าไร ขึ้นอยู่กับที่ตั้งของคุณและลูกค้า Stripe มีผลิตภัณฑ์สำหรับเรื่องนี้ (Stripe Tax) หรือคุณจะตั้งอัตราคงที่ก็ได้หากสถานการณ์ของคุณเรียบง่าย หากไม่แน่ใจ ให้ปรึกษานักบัญชี
- ค่าจัดส่ง เริ่มจากอัตราคงที่ไม่กี่แบบ (ในประเทศ ต่างประเทศ ฟรีเมื่อยอดถึงเกณฑ์) อัตราค่าขนส่งแบบเรียลไทม์และการพิมพ์ใบปะหน้าคือสิ่งที่แพลตฟอร์มอย่าง Shopify ช่วยประหยัดงานได้มาก
- สต็อก ตัดสินใจว่าจะสงวนสต็อกตอนเริ่มชำระเงิน หรือสงวนเมื่อการชำระเงินสำเร็จเท่านั้น สำหรับร้านขนาดเล็ก การตัดสต็อกเมื่อชำระเงินสำเร็จและตรวจสต็อกอีกครั้งก่อน checkout เป็นวิธีที่ง่ายกว่า แต่บางครั้งอาจขายสินค้าชิ้นสุดท้ายเกินจำนวนได้ ดังนั้นควรตกลงวิธีจัดการไว้ล่วงหน้า หากต้องติดตามสต็อกนอกเหนือจากร้านค้า ดู วิธีสร้างแอปจัดการสต็อกสินค้า
พรอมต์แรกที่ได้ผล
สร้างร้านค้าออนไลน์ให้ Loam & Clay สตูดิโอเซรามิกขนาดเล็กที่ขายแก้ว ชาม และแจกัน หน้าร้าน: หน้าแรกพร้อมสินค้าแนะนำ หน้าร้านพร้อมตัวกรองหมวดหมู่ หน้าสินค้าพร้อมแกลเลอรีรูป ตัวเลือกสี และสถานะสต็อก และตะกร้าแบบเลื่อนออกมาด้านข้าง บันทึกสินค้า ตัวเลือก คำสั่งซื้อ และรายการในคำสั่งซื้อไว้ในฐานข้อมูล และใส่สินค้าตัวอย่างที่สมจริง 10 รายการ พื้นที่ผู้ดูแล (ต้องล็อกอิน) สำหรับเพิ่มและแก้ไขสินค้า อัปโหลดรูป เปลี่ยนสต็อก และดูคำสั่งซื้อพร้อมสถานะ ชำระแล้ว / แพ็คแล้ว / จัดส่งแล้ว ปุ่มชำระเงินเป็นตัวอย่างไปก่อน เราจะเพิ่ม Stripe Checkout ทีหลัง ดีไซน์อบอุ่นและเรียบง่าย ออกแบบมือถือเป็นหลัก ไม่มีรีวิวปลอม และไม่มีข้อความ “จัดส่งฟรีทั่วโลก”
การเริ่มด้วยปุ่มชำระเงินตัวอย่างเป็นความตั้งใจ ทำแคตตาล็อกและผู้ดูแลให้ถูกต้องก่อน แล้วค่อยเชื่อมการชำระเงินในขั้นตอนแยกที่ทดสอบได้อย่างเหมาะสม
ขั้นตอนการสร้าง
- แคตตาล็อกและหน้าสินค้า พร้อมชื่อสินค้า ราคา และรูปถ่ายจริง
- ตะกร้า ที่ยังอยู่หลังจากรีเฟรชหน้า
- ผู้ดูแล: สินค้า ตัวเลือก สต็อก อัปโหลดรูป ป้องกันด้วยการล็อกอิน
- Stripe Checkout ในโหมดทดสอบ โดยให้เซิร์ฟเวอร์ตรวจราคาและสต็อกอีกครั้ง
- Webhook ที่ทำเครื่องหมายคำสั่งซื้อว่าชำระแล้วและตัดสต็อก ทดสอบแบบครบวงจรด้วยบัตรทดสอบ
- อีเมลคำสั่งซื้อ ส่งถึงลูกค้าและถึงคุณ
- นโยบายและ SEO: หน้าการจัดส่งและการคืนสินค้า ชื่อและคำอธิบายสินค้า ภาพสำหรับแชร์ ดู SEO สำหรับเว็บไซต์ที่สร้างด้วย AI
- เปิดใช้งานจริง: เปลี่ยนไปใช้คีย์ Stripe ตัวจริง สั่งซื้อจริงจำนวนน้อยด้วยตัวเองแล้วคืนเงิน
ความผิดพลาดที่พบบ่อย
- เชื่อราคาที่ส่งมาจากเบราว์เซอร์ ให้คำนวณใหม่บนเซิร์ฟเวอร์เสมอ
- ทำเครื่องหมายคำสั่งซื้อว่าชำระแล้วจากหน้าสำเร็จ แทนที่จะทำจาก webhook
- เขียนทับตัวเลขสต็อก แทนการบันทึกการเคลื่อนไหว ทำให้คุณสูญเสียประวัติว่าทำไมสต็อกถึงเปลี่ยน
- เปิดตัวโดยไม่มีหน้าการจัดส่งและการคืนสินค้า
- รูปสินค้าขนาดใหญ่เกินไป บีบอัดรูปและให้บริการจากที่เก็บไฟล์ ไม่ใช่ฝังไว้ในโค้ด
- สร้างรายการโปรด รีวิว หรือแต้มสะสมก่อนมียอดขายแรก
ค่าใช้จ่ายในการดำเนินงาน
เตรียมงบสำหรับ: โฮสติ้งและฐานข้อมูล ค่าธรรมเนียมการชำระเงินทุกครั้งที่ขาย โดเมน ผู้ให้บริการอีเมลสำหรับยืนยันคำสั่งซื้อ และอาจรวมถึงบริการคำนวณภาษี ร้านค้าแบบกำหนดเองไม่มีค่าแพลตฟอร์มรายเดือนและค่าแอป แต่คุณต้องรับภาระการดูแลรักษาเอง เมื่อมีอะไรเสียที่หน้าชำระเงิน คุณต้องเป็นคนแก้
หากคุณต้องการให้มีผู้ขายหลายรายที่แต่ละรายได้รับเงินจ่ายออก นั่นคือมาร์เก็ตเพลส ซึ่งมีกฎการชำระเงินต่างออกไป ดู วิธีสร้างมาร์เก็ตเพลส
การสร้างด้วย Mythex
บน Mythex คุณอธิบายร้านค้า แล้วเอเจนต์จะสร้างแคตตาล็อก ตะกร้า และพื้นที่ผู้ดูแลในพรีวิวแบบสด โดยใช้ฐานข้อมูล Postgres สำหรับสินค้าและคำสั่งซื้อ และที่เก็บไฟล์สำหรับรูปสินค้า กรณีการใช้งานร้านค้า ในเอกสารแนะนำลำดับเดียวกับด้านบนพอดี คือแคตตาล็อกก่อน แล้วค่อยทำการชำระเงิน
การชำระเงินใช้บัญชี Stripe ของคุณเอง คุณเพิ่มคีย์ Stripe เป็นความลับของโปรเจกต์ แล้วขอให้เอเจนต์เพิ่ม Checkout จากนั้นทดสอบด้วยบัตรทดสอบของ Stripe ในพรีวิว (สูตร Stripe) Webhook ต้องใช้ URL สาธารณะ ดังนั้นให้เผยแพร่แอปก่อน แล้วค่อยชี้ Stripe มาที่ URL นั้น (สูตร webhook) ภาษี ค่าจัดส่ง และการซิงก์สต็อกไม่ใช่ฟีเจอร์สำเร็จรูปของ Mythex และไม่มีการเชื่อมต่อกับ Shopify โดยตรง หากคุณต้องการสิ่งเหล่านี้เป็นผลิตภัณฑ์สำเร็จรูป Shopify คือตัวเลือกที่ดีกว่า สำหรับจุดเริ่มต้น ดู เทมเพลตร้านค้า เช่น ร้านค้าออนไลน์
คำถาม
สร้างร้านค้าออนไลน์ด้วย AI ได้ไหม?
ได้ AI app builder สามารถสร้างแคตตาล็อก หน้าสินค้า ตะกร้า และระบบจัดการคำสั่งซื้อ และเชื่อมการชำระเงินกับผู้ให้บริการอย่าง Stripe โดยใช้บัญชีของคุณเอง ส่วนภาษี ค่าจัดส่ง และการจัดส่งสินค้าเป็นเรื่องที่คุณยังต้องตัดสินใจและทดสอบอย่างระมัดระวัง
ต้องใช้ Shopify ถึงจะขายออนไลน์ได้ไหม?
ไม่จำเป็น คุณขายได้ด้วยร้านค้าแบบกำหนดเองและผู้ให้บริการชำระเงินอย่าง Stripe แต่ Shopify ยังเป็นตัวเลือกที่ง่ายกว่า ถ้าคุณต้องการให้สต็อก การจัดส่ง ภาษี และแอปต่าง ๆ ทำงานเป็นผลิตภัณฑ์เดียวกัน หรือถ้าทีมที่ไม่ใช่สายเทคนิคต้องดูแลร้านทุกวัน
รับชำระเงินในร้านค้าออนไลน์แบบกำหนดเองอย่างไร?
ร้านค้าส่วนใหญ่จะส่งผู้ซื้อไปยัง Stripe Checkout ซึ่งเป็นหน้าชำระเงินที่ Stripe เป็นผู้โฮสต์ และสร้างคำสั่งซื้อเมื่อ Stripe ยืนยันการชำระเงินผ่าน webhook ข้อมูลบัตรของผู้ซื้อไม่เคยผ่านเซิร์ฟเวอร์ของคุณ ซึ่งทำให้ระบบเรียบง่ายและปลอดภัยกว่า
จะรักษาความถูกต้องของสต็อกอย่างไร?
ตัดสต็อกเฉพาะเมื่อยืนยันการชำระเงินแล้ว ตรวจสต็อกอีกครั้งก่อนสร้าง checkout ทุกครั้ง และบันทึกทุกการเปลี่ยนแปลง (การขาย การเติมสต็อก การคืนเงิน) เป็นรายการเคลื่อนไหว แทนการเขียนทับตัวเลข สินค้าที่ขายผ่านช่องทางอื่นก็ต้องอัปเดตตัวเลขสต็อกชุดเดียวกัน