ทำร้านค้าออนไลน์เล็ก ๆ รับออเดอร์และสลิปโอนเงินด้วย AI
ทำเว็บร้านค้าเล็ก ๆ ด้วย AI: หน้าสินค้า ตะกร้า รับออเดอร์ แนบสลิป และหลังบ้านตรวจออเดอร์ พร้อม prompt และเช็กลิสต์ก่อนเปิดขายบน BrewInTH
คุณขายของอยู่แล้ว อาจเป็นคุกกี้โฮมเมด สบู่ทำมือ หรือเสื้อสกรีน รับออเดอร์ทางแชตทุกวันจนจำไม่ไหวว่าใครสั่งอะไร ใครโอนแล้ว ใครยังไม่โอน อยากมีหน้าเว็บร้านของตัวเองที่ลูกค้าเลือกสินค้า สั่งซื้อ แนบสลิปได้เอง แต่ไม่อยากเสียค่าเช่าแพลตฟอร์มร้านค้ารายเดือนแพง ๆ
บทความนี้พาทำ ร้านค้าออนไลน์เล็ก ๆ ด้วย AI ตั้งแต่ prompt แรกจนเว็บออนไลน์บน BrewInTH: หน้าสินค้า ตะกร้า ฟอร์มสั่งซื้อ แนบสลิปโอนเงิน และหน้าหลังบ้านให้คุณตรวจออเดอร์ พร้อมบอกตรง ๆ ว่าส่วนไหนทำเองได้ และส่วนไหนควรให้ผู้เชี่ยวชาญช่วย
สรุปสั้นก่อนอ่าน
🛍️ ร้านแบบ "โอนเงินแล้วแนบสลิป" ทำเองกับ AI ได้ในวันเดียว ไม่ต้องเชื่อมระบบตัดบัตร
🛍️ สินค้าและออเดอร์เก็บในฐานข้อมูล รูปสินค้าและสลิปเก็บใน/bw-dataรหัสผู้ดูแลเก็บใน ตั้งค่าแอป
🛍️ เริ่มทดลองได้ฟรี เปิดขายจริงแนะนำแพ็กเกจ Starter ขึ้นไป (พื้นที่มากขึ้น โดเมนของตัวเอง อีเมลร้าน)
🛍️ ระบบตัดบัตรหรือเก็บข้อมูลลูกค้าจำนวนมาก ควรให้ผู้เชี่ยวชาญตรวจก่อนเปิดใช้
🛍️ มี prompt ให้คัดลอก 3 ชุด และเช็กลิสต์ 6 ข้อก่อนเปิดร้าน
ร้านแบบไหนเหมาะกับวิธีนี้
วิธีในบทความนี้เหมาะกับร้านเล็กที่มีสินค้าไม่กี่สิบรายการ ลูกค้าส่วนใหญ่โอนเงินผ่านแอปธนาคารหรือพร้อมเพย์อยู่แล้ว และคุณยอมตรวจสลิปเองวันละหลายครั้ง
ข้อดีคือคุณเป็นเจ้าของหน้าร้านเอง ออกแบบได้ตามใจ ไม่มีค่าธรรมเนียมต่อออเดอร์จากแพลตฟอร์มร้านค้า ข้อมูลลูกค้าอยู่ในฐานข้อมูลของคุณ
ถ้าร้านมีออเดอร์หลักร้อยต่อวัน ต้องตัดบัตรเครดิตอัตโนมัติ ต้องเชื่อมขนส่งหลายเจ้า หรือต้องคำนวณภาษีซับซ้อน แพลตฟอร์มร้านค้าสำเร็จรูปหรือทีมพัฒนาจะคุ้มกว่า
ร้านทำงานยังไง: 5 ขั้นของหนึ่งออเดอร์
- ลูกค้าเลือกสินค้า ใส่ตะกร้า ปรับจำนวน
- กรอกข้อมูลจัดส่ง ชื่อ ที่อยู่ เบอร์โทร แล้วกดสั่งซื้อ ได้เลขออเดอร์
- โอนเงินแล้วแนบสลิป หน้าเว็บแสดงยอดที่ต้องโอนและบัญชีของร้าน
- ร้านตรวจสลิป ในหน้าหลังบ้าน เทียบยอดกับบัญชีจริง แล้วกดยืนยัน
- ร้านส่งของ ใส่เลขพัสดุ ลูกค้าเปิดดูสถานะจากเลขออเดอร์ได้เอง
ขั้นที่ 4 คือหัวใจ อย่าเชื่อสลิปจากรูปอย่างเดียว สลิปปลอมทำได้ง่าย ให้เปิดแอปธนาคารของร้านเทียบยอดและเวลาทุกครั้งก่อนกดยืนยัน
เก็บอะไรไว้ที่ไหน
- สินค้า ออเดอร์ ลูกค้า → ฐานข้อมูล ตอนสร้างโปรเจกต์ เลือก PostgreSQL หรือ MySQL ก็ได้
- รูปสินค้าและสลิป → พื้นที่เก็บไฟล์ถาวร
/bw-dataไม่อย่างนั้นไฟล์จะหายทุกครั้งที่นำขึ้นเวอร์ชันใหม่ - รหัสผ่านผู้ดูแลร้าน และ key ของบริการอื่น → แท็บ ตั้งค่าแอป ของโปรเจกต์ ห้ามเขียนลงในโค้ด
- อีเมลแจ้งออเดอร์ → กล่องอีเมลของร้าน เช่น
shop@ชื่อร้าน.comต้องมีโดเมนของตัวเองและแพ็กเกจที่มีกล่องอีเมล (Starter ขึ้นไป) แล้วกด *ใช้กับแอป (เขียน `MAIL_` ให้)** ในหน้าอีเมล ถ้ายังไม่พร้อม ข้ามได้ ลูกค้าดูสถานะจากเลขออเดอร์แทน
ทำร้านทีละขั้น
ขั้น 1: สร้างโปรเจกต์
ในคอนโซลกดสร้างโปรเจกต์ใหม่ เทคโนโลยีเลือก ให้ระบบเลือกให้ (แนะนำ) ฐานข้อมูลเลือก PostgreSQL ตั้งชื่อเว็บฟรีเป็นชื่อร้าน แล้วสร้างลิงก์และ token ส่งให้ AI
ขั้น 2: สั่ง AI ทำหน้าร้าน
คัดลอก prompt นี้ไปแก้ชื่อร้านและสินค้าให้ตรงกับของคุณ
ทำเว็บร้านค้าออนไลน์เล็ก ๆ ชื่อ "บ้านคุกกี้" ขายคุกกี้ 8 รายการ
- หน้าแรก: รายการสินค้า มีรูป ชื่อ ราคา ปุ่มใส่ตะกร้า ใช้งานบนมือถือได้ดี
- ตะกร้า: ปรับจำนวน ลบสินค้า แสดงยอดรวม และค่าส่งแบบเหมา 50 บาท
- หน้าสั่งซื้อ: ชื่อ เบอร์โทร ที่อยู่จัดส่ง หมายเหตุ แล้วสร้างเลขออเดอร์
- คำนวณยอดเงินที่ server จากราคาในฐานข้อมูลเสมอ ห้ามเชื่อราคาที่ส่งมาจาก browser
- หลังสั่งซื้อ แสดงยอดที่ต้องโอนและเลขบัญชีของร้าน (อ่านจากค่า SHOP_BANK_TEXT)
- หน้าติดตามออเดอร์: กรอกเลขออเดอร์ + เบอร์โทร เพื่อดูสถานะ
เก็บสินค้าและออเดอร์ในฐานข้อมูลของโปรเจกต์ขั้น 3: แนบสลิปและหลังบ้าน
เพิ่มต่อจากเดิม:
- ในหน้าติดตามออเดอร์ ให้ลูกค้าแนบสลิปได้ (รับเฉพาะ JPG PNG PDF ไม่เกิน 5 MB)
เก็บไฟล์ไว้ใต้ /bw-data/slips และเก็บแค่ชื่อไฟล์ในฐานข้อมูล
- หน้าหลังบ้าน /admin เข้าด้วยรหัสผ่านจากค่า ADMIN_PASSWORD
- รายการออเดอร์ล่าสุด กรองตามสถานะ: รอโอน / รอตรวจ / ยืนยันแล้ว / ส่งแล้ว / ยกเลิก
- เปิดดูสลิป (เฉพาะผู้ดูแล) ปุ่มยืนยันการชำระ ช่องเลขพัสดุ
- เพิ่ม/แก้สินค้า อัปโหลดรูปสินค้าไว้ใต้ /bw-data/products เปิด/ปิดการขายรายสินค้า
- ปุ่มดาวน์โหลดออเดอร์เป็น CSV
- จำกัดจำนวนครั้งที่ล็อกอินผิด และใช้ HTTPS cookie ที่ปลอดภัย
ก่อนนำขึ้น ใช้ storage_set ให้โฟลเดอร์ข้อมูลอยู่บนพื้นที่เก็บไฟล์ถาวรขั้น 4: ใส่ค่าของร้านในตั้งค่าแอป
เปิดแท็บ ตั้งค่าแอป ของโปรเจกต์ แล้วใส่ค่า ADMIN_PASSWORD (รหัสยาว เดายาก) และ SHOP_BANK_TEXT (ชื่อบัญชี เลขบัญชี ธนาคาร) ค่าใหม่มีผลเมื่อแอปเริ่มใหม่ จึงให้ AI นำขึ้นอีกรอบหลังแก้ค่า ถ้าใช้ AI agent ให้ AI ตั้งค่าเหล่านี้ให้ก็ได้ แต่รหัสผู้ดูแลควรตั้งเองในคอนโซล
ขั้น 5: ทดสอบเป็นลูกค้าหนึ่งรอบ
สั่งซื้อจริงหนึ่งออเดอร์จากมือถือ แนบสลิปทดสอบ เข้าหลังบ้านยืนยัน ใส่เลขพัสดุ แล้วเปิดหน้าติดตามดูว่าสถานะเปลี่ยน จากนั้นให้ AI นำขึ้นซ้ำอีกรอบ แล้วเปิดสลิปเดิมดูว่ายังอยู่ ถ้ายังอยู่แปลว่าเก็บไฟล์ถูกที่แล้ว
อยากรับบัตรเครดิตหรือ QR อัตโนมัติ
ร้านในบทความนี้ไม่ตัดเงินเอง ถ้าต้องการให้ลูกค้าจ่ายด้วยบัตรหรือ QR แล้วยืนยันออเดอร์อัตโนมัติ ต้องสมัครผู้ให้บริการรับชำระเงิน (payment gateway) แล้วเชื่อมกับเว็บ
- ใช้หน้าชำระเงินของผู้ให้บริการ (hosted checkout) แทนการให้ลูกค้ากรอกเลขบัตรบนเว็บของคุณเอง
- secret key ของผู้ให้บริการเก็บใน ตั้งค่าแอป เท่านั้น
- ยืนยันการจ่ายจาก webhook ที่ตรวจลายเซ็นแล้ว ไม่ใช่จากหน้าที่ลูกค้ากลับมา
AI เขียนส่วนนี้ได้ แต่เงินจริงผ่านระบบนี้ ควรให้ผู้เชี่ยวชาญตรวจก่อนเปิดใช้ และทดลองในโหมดทดสอบของผู้ให้บริการให้ครบก่อน
เช็กลิสต์ 6 ข้อก่อนเปิดร้าน
- ยอดเงินคำนวณที่ server ลองแก้ราคาในตะกร้าผ่าน browser แล้วดูว่ายอดในออเดอร์ไม่เปลี่ยน
- ตรวจสลิปกับแอปธนาคาร ทุกครั้งก่อนยืนยัน
- รหัสหลังบ้านอยู่ในตั้งค่าแอป ไม่อยู่ในโค้ด และไม่ใช่รหัสที่ใช้ที่อื่น
- รูปและสลิปอยู่ใน /bw-data ทดสอบด้วยการนำขึ้นซ้ำแล้วเปิดดู
- มีหน้านโยบาย ความเป็นส่วนตัว (เก็บชื่อ ที่อยู่ เบอร์โทรของลูกค้า) และเงื่อนไขการคืนสินค้า ให้ AI ร่างแล้วอ่านเองอีกรอบ บทความนี้ไม่ใช่คำแนะนำทางกฎหมาย
- สำรองข้อมูล แอดออน Backups 99 บาทต่อเดือน สำรองฐานข้อมูลรายวันและพื้นที่
/bw-dataให้ด้วย หรืออย่างน้อยดาวน์โหลด CSV ออเดอร์เก็บไว้เป็นประจำ
เลือกแพ็กเกจยังไง
- Free ทดลองทำร้านได้ทั้งร้าน แต่พื้นที่ไฟล์ 20 MB เก็บรูปสินค้าและสลิปได้ไม่มาก และใช้โดเมนของตัวเองไม่ได้
- Starter 99 บาทต่อเดือน พื้นที่ไฟล์ 200 MB เชื่อมโดเมนของร้าน และมีกล่องอีเมล 3 กล่อง เหมาะกับร้านที่เริ่มขายจริง
- ร้านที่มีรูปสินค้ามากหรือคนเข้าเยอะ ดูแพ็กเกจ Maker ขึ้นไปในหน้าแพ็กเกจ
ให้ AI ย่อรูปสินค้าก่อนเก็บ (เช่น กว้างไม่เกิน 1,200 px) จะประหยัดพื้นที่และทำให้หน้าร้านโหลดเร็วบนมือถือ
คำถามที่พบบ่อย
ต้องเขียนโค้ดเองไหม
ไม่ต้อง AI เขียนให้ทั้งหมด หน้าที่ของคุณคือบอกให้ชัดว่าร้านต้องทำอะไร ทดสอบเป็นลูกค้า และตรวจสลิปจริง
ลูกค้าต้องสมัครสมาชิกก่อนสั่งไหม
ไม่จำเป็น ร้านเล็กส่วนใหญ่ใช้เลขออเดอร์ + เบอร์โทรเพื่อติดตามก็พอ ระบบสมาชิกเพิ่มทีหลังได้เมื่อมีลูกค้าประจำ
ทำบนมือถืออย่างเดียวได้ไหม
ขั้นที่ให้ AI สร้างและนำเว็บขึ้นต้องใช้ coding agent บนคอมพิวเตอร์ ส่วนการเข้าหลังบ้านร้าน ตรวจออเดอร์ และดูสลิป ทำจากมือถือได้สบาย
ถ้า AI ทำหลังบ้านพัง ข้อมูลออเดอร์จะหายไหม
ข้อมูลอยู่ในฐานข้อมูล ไม่หายเพราะนำขึ้นเวอร์ชันใหม่ แต่ถ้าโค้ดใหม่ลบหรือแก้ข้อมูลผิด ต้องมีสำรอง แอดออน Backups หรือ CSV ที่ดาวน์โหลดไว้จะช่วยได้
แจ้งเตือนออเดอร์ใหม่ทางไหนได้บ้าง
ทางที่ง่ายที่สุดคืออีเมลจากกล่องอีเมลของร้าน (แพ็กเกจ Starter ขึ้นไป) ถ้าต้องการแจ้งทางแอปแชต ให้ AI เชื่อมกับบริการส่งข้อความที่คุณใช้ แล้วเก็บ token ไว้ในตั้งค่าแอป
สรุป
ร้านค้าออนไลน์เล็ก ๆ แบบ "โอนแล้วแนบสลิป" ทำกับ AI ได้ในวันเดียว: สินค้าและออเดอร์อยู่ในฐานข้อมูล รูปและสลิปอยู่ใน /bw-data รหัสอยู่ในตั้งค่าแอป แล้วตรวจสลิปกับแอปธนาคารทุกครั้ง เริ่มทดลองฟรี แล้วค่อยขยับเป็น Starter เมื่อพร้อมขายจริงด้วยโดเมนของร้าน