Prompt นี้ช่วยอะไร
ร้านข้าวแกง ร้านก๋วยเตี๋ยว หรือร้านกาแฟที่รับออเดอร์ทางแชต มักต้องพิมพ์ถามซ้ำว่าเอาอะไร กี่จาน รับเองหรือให้ส่ง Prompt นี้สั่ง AI เขียนหน้าเมนูออนไลน์ของร้านเป็นไฟล์ HTML ไฟล์เดียว ลูกค้ากดสั่งเอง เห็นยอดรวมทันที แล้วส่งออเดอร์ที่สรุปแล้วเข้า LINE ร้าน
- เมนูแยกหมวด ปุ่มบวกลบใหญ่ กดง่ายบนมือถือ มีแถบยอดรวมติดด้านล่าง
- รับที่ร้านหรือให้ส่ง เลือกส่งแล้วบวกค่าส่งและขอที่อยู่ให้อัตโนมัติ
- ส่งออเดอร์เข้า LINE ร้าน เปิดแชต LINE OA พร้อมข้อความสรุป และมีปุ่มคัดลอกสำรอง
- บอกสถานะร้านเปิดปิด ถ้าสั่งตอนร้านปิด จะแจ้งลูกค้าว่าร้านจะตอบเมื่อเปิดร้าน
ถ้าร้านรับจองคิวด้วย ดู Prompt สร้างระบบจองคิวร้าน และตั้งราคาเมนูให้มีกำไรด้วย Prompt สร้างเครื่องคิดราคาขายและกำไร
แกะ Prompt ทีละส่วน
เข้าใจหน้าที่ของแต่ละส่วน แล้วคุณจะดัดแปลงไปทำงานแบบอื่นได้เอง
คุณคือนักพัฒนาเว็บที่ทำเครื่องมือให้ร้านอาหารเล็กใช้ง่าย ... เป็นไฟล์ HTML ไฟล์เดียวไฟล์เดียวเปิดได้ทันที คนเขียนโค้ดไม่เป็นก็ใช้ได้เมนูแยกหมวด พร้อมราคา / เวลาเปิดปิด / วิธีรับอาหารและค่าส่งAI ใส่เมนูจริงของร้านให้ตั้งแต่แรก แก้ทีหลังได้ในจุดเดียวแถบด้านล่างติดจอ แสดงจำนวนรายการและยอดรวม ... ถ้าให้ส่ง ให้บวกค่าส่งและแสดงช่องที่อยู่ลูกค้าเห็นยอดก่อนสั่ง ลดการถามราคาซ้ำในแชตถ้าเลือกหรือกรอกไม่ครบ ให้บอกเป็นข้อความสีแดงว่าขาดอะไรกันออเดอร์ที่ไม่มีเบอร์หรือไม่มีที่อยู่https://line.me/R/oaMessage/{LINE ID}/?{ข้อความสรุปที่ encode แล้ว}เปิดแชต LINE OA ของร้านพร้อมข้อความ ไม่ต้องมีเซิร์ฟเวอร์ถ้าใส่ลิงก์ QR ไว้ ให้แสดงรูป QR พร้อมยอดที่ต้องโอนรับเงินผ่าน QR ของร้านเอง ไม่รับบัตรในหน้าเว็บโค้ดเต็มไฟล์ ... วิธีแก้เมนู ... Netlify Drop หรือ GitHub Pages ... ข้อจำกัดได้ทั้งโค้ดและวิธีใช้ในคำตอบเดียวPrompt เต็ม พร้อมคัดลอก
## Role You are a web developer who builds easy tools for small food shops. Write an "online menu and ordering page" as a single HTML file. All on-page text must be in Thai…
คำ[ในวงเล็บสีแดง] คือส่วนที่เปลี่ยนเป็นของคุณเองได้ แนะนำให้ใช้ Prompt ภาษาอังกฤษ เพราะเครื่องมือส่วนใหญ่เข้าใจแม่นกว่า ฉบับภาษาไทยมีไว้ให้อ่านทำความเข้าใจ
วิธีใช้ Prompt นี้
- แก้ข้อมูลร้านในวงเล็บ แก้ [ชื่อร้าน] [เมนูและราคา] [เวลาเปิดปิด] [วิธีรับอาหาร] [ช่องทางติดต่อ] [QR PromptPay] และ [สีหลัก] เมนูเยอะใส่ได้เลย ขอให้แยกหมวดชัดๆ ถ้ายังไม่มี LINE Official Account ให้สมัครฟรีก่อน
- วางใน AI ที่แสดงหน้าเว็บได้ วางใน Claude (Artifacts), ChatGPT (Canvas) หรือ Gemini (Canvas) จะเห็นหน้าเมนูและลองกดสั่งได้ทันที ถ้าใช้ Claude Code สั่งให้บันทึกเป็นไฟล์ index.html ได้เลย
- บันทึกไฟล์และลองสั่งเอง คัดลอกโค้ดทั้งหมด วางในโปรแกรมจดบันทึก บันทึกชื่อ index.html (เลือกชนิดไฟล์เป็นทุกไฟล์) แล้วเปิดในเบราว์เซอร์ ลองสั่งเอง 1 ครั้งเพื่อดูว่าข้อความเข้า LINE ร้านถูกต้อง
- เอาขึ้นออนไลน์ฟรี ใส่ index.html ในโฟลเดอร์ เข้าเว็บ Netlify Drop แล้วลากโฟลเดอร์ไปวาง จะได้ลิงก์ทันที หรือใช้ GitHub Pages แล้วเอาลิงก์ไปแปะในเพจ ทำ QR Code ติดโต๊ะหรือหน้าร้าน
- ขอให้ AI ปรับเพิ่ม พิมพ์ต่อในแชตเดิม เช่น เพิ่มตัวเลือกพิเศษ ไข่ดาว +10 บาท หรือ ใส่รูปเมนูทุกจาน แล้วบันทึกไฟล์ใหม่ทับไฟล์เดิม
ข้อควรระวังหน้าเว็บนี้ไม่รู้ว่าของหมดหรือไม่ และไม่ได้ยืนยันออเดอร์ให้อัตโนมัติ ร้านต้องตอบยืนยันทุกออเดอร์ในแชต และอย่าเก็บเลขบัตรประชาชนหรือข้อมูลอ่อนไหวของลูกค้า
Prompt ต้นฉบับโดย Prompt Hub Pro เราคิดชุดคำสั่งนี้และลองใช้จริงเอง คำอธิบายในหน้านี้เขียนจากการลองจริง
คำถามเกี่ยวกับ Prompt นี้
ใส่รูปเมนูได้ไหม
ได้ ขอให้ AI เพิ่มช่องลิงก์รูปในแต่ละเมนู แล้วเอารูปขึ้นที่ฝากรูปหรือใส่ไว้ในโฟลเดอร์เดียวกับไฟล์ก่อนเอาขึ้น Netlify
ใช้กับ LINE ส่วนตัวได้ไหม
ลิงก์ส่งข้อความอัตโนมัติใช้ได้กับ LINE Official Account เท่านั้น ถ้าใช้ LINE ส่วนตัว ให้ลูกค้ากดคัดลอกข้อความแล้วไปวางในแชตเอง
อยากให้ออเดอร์เข้าตาราง Google Sheets
สั่ง AI เพิ่มการส่งข้อมูลเข้า Google Sheets ผ่าน Google Apps Script พร้อมขอขั้นตอนตั้งค่าทีละข้อ ส่วนการส่งเข้า LINE ยังใช้คู่กันได้
ต้องเสียเงินไหม
ใช้ AI รุ่นฟรีเขียนได้ เอาขึ้น Netlify Drop หรือ GitHub Pages ฟรี และ LINE Official Account มีแพ็กเกจฟรี ถ้าจะใช้ชื่อเว็บของร้านเองค่อยซื้อโดเมนเพิ่ม
คะแนนและรีวิว
ล็อกอินด้วยบัญชี Google เพื่อให้คะแนน Prompt นี้