Prompt นี้ช่วยอะไร
บัตรสะสมแต้มกระดาษหายง่าย และร้านไม่รู้ว่าลูกค้าประจำเป็นใคร Prompt นี้ให้ AI สร้างหน้าเว็บที่พนักงานเปิดในมือถือ ค้นชื่อลูกค้า กดเพิ่มแต้ม และแลกรางวัลได้ โดยเก็บแค่ชื่อเล่นกับเบอร์ 4 ตัวท้าย
- ค้นหาเร็ว พิมพ์ชื่อเล่นหรือเบอร์ 4 ตัวท้าย
- เห็นแต้มเป็นดวงตรา ครบแล้วขึ้นปุ่มแลกรางวัลให้เอง
- แจ้งลูกค้าง่าย คัดลอกข้อความแต้มไปส่งใน LINE
- สำรองข้อมูลได้ ส่งออก CSV และเก็บไฟล์สำรองไว้กู้คืน
ใช้คู่กับ Prompt สร้างระบบจองคิวร้าน และ Prompt สร้างสมุดรายรับรายจ่ายร้าน เพื่อให้ร้านมีเครื่องมือหลักครบในมือถือ
แกะ Prompt ทีละส่วน
เข้าใจหน้าที่ของแต่ละส่วน แล้วคุณจะดัดแปลงไปทำงานแบบอื่นได้เอง
นักพัฒนาเว็บที่ทำเครื่องมือให้ร้านเล็ก ... ไฟล์ HTML ไฟล์เดียวไฟล์เดียวเปิดได้เลย ไม่ต้องติดตั้ง และอัปโหลดขึ้นเว็บฟรีได้ง่ายกติกาแต้ม / จำนวนแต้ม / ของรางวัล / ช่องทางติดต่อกติกาที่ชัดทำให้พนักงานกดแต้มตรงกันและข้อความถึงลูกค้าถูกต้องชื่อเล่น และเบอร์โทร 4 ตัวท้ายเท่านั้นแค่นี้พอแยกลูกค้าได้ และลดความเสี่ยงถ้ามือถือร้านหายดวงตรา ... ถามยืนยันก่อน ... หักแต้มและนับจำนวนครั้งที่แลกถามยืนยันกันกดพลาด และประวัติช่วยตรวจย้อนหลังเมื่อลูกค้าสงสัยส่งออก CSV ... สำรองข้อมูล ... กู้คืนข้อมูลข้อมูลอยู่ในเครื่อง จึงต้องมีไฟล์สำรองไว้ย้ายเครื่องหรือกู้คืนปุ่มสูงอย่างน้อย 48px ... ใช้กล่องยืนยันที่สร้างในหน้าเว็บแทน confirm()กดง่ายระหว่างขายของ และปุ่มยืนยันทำงานได้ในหน้าแสดงตัวอย่างของ AIไม่รับชำระเงิน ไม่เก็บเบอร์เต็ม ... ป้องกันไม่ให้ชื่อถูกแสดงเป็นโค้ดกันข้อมูลส่วนตัวรั่ว และกันหน้าเว็บพังเมื่อมีคนพิมพ์อักขระแปลกPrompt เต็ม พร้อมคัดลอก
You are a web developer who builds tools for small shops whose owners cannot code. Build a "loyalty stamp card" for [shop_name] as one single HTML file (HTML + CSS + JavaScript in one file, no external libraries or…
คำ[ในวงเล็บสีแดง] คือส่วนที่เปลี่ยนเป็นของคุณเองได้ แนะนำให้ใช้ Prompt ภาษาอังกฤษ เพราะเครื่องมือส่วนใหญ่เข้าใจแม่นกว่า ฉบับภาษาไทยมีไว้ให้อ่านทำความเข้าใจ
วิธีใช้ Prompt นี้
- แก้ [วงเล็บ] เป็นข้อมูลร้าน ใส่ชื่อร้าน กติกาแต้ม จำนวนแต้ม ของรางวัล ช่องทางติดต่อ และสีหลัก หรือกดเวอร์ชันพร้อมใช้แล้วแก้นิดหน่อย
- วางใน AI ที่แสดงหน้าเว็บได้ Claude (Artifacts), ChatGPT (Canvas) หรือ Gemini (Canvas) จะแสดงหน้าเว็บให้ลองกดได้ ถ้าใช้ Claude Code สั่งให้บันทึกเป็นไฟล์ stamp-card.html ได้เลย
- บันทึกไฟล์และเปิดใช้ ดาวน์โหลดหรือคัดลอกโค้ดไปวางในโปรแกรมจดโน้ต บันทึกชื่อ stamp-card.html แล้วเปิดในเบราว์เซอร์ ลองเพิ่มลูกค้าและกดแต้มจนครบ 1 รอบก่อนใช้จริง
- เอาขึ้นออนไลน์ใช้ในมือถือ เปลี่ยนชื่อไฟล์เป็น index.html แล้วลากไปวางที่ Netlify Drop จะได้ลิงก์เปิดในมือถือ เพิ่มลิงก์ไว้ที่หน้าจอหลัก ข้อมูลลูกค้ายังเก็บในเครื่องนั้น ไม่ได้ขึ้นเว็บ
- ขอให้ AI แก้หรือเพิ่มฟีเจอร์ พิมพ์ต่อในแชตเดิม เช่น เพิ่มปุ่มเพิ่ม 2 แต้ม เปลี่ยนดวงตราเป็นรูปถ้วยกาแฟ หรือเรียงลูกค้าตามแต้มสูงสุด แล้วขอโค้ดเต็มใหม่ทั้งไฟล์ทุกครั้ง
ข้อควรระวังข้อมูลอยู่ในเบราว์เซอร์ของเครื่องที่ใช้เท่านั้น ล้างข้อมูลเบราว์เซอร์หรือเปลี่ยนเครื่องแล้วจะหาย ต้องกดสำรองข้อมูลเป็นประจำ
Prompt ต้นฉบับโดย Prompt Hub Pro เราคิดชุดคำสั่งนี้และลองใช้จริงเอง คำอธิบายในหน้านี้เขียนจากการลองจริง
คำถามเกี่ยวกับ Prompt นี้
ลูกค้าเปิดดูแต้มเองได้ไหม
เวอร์ชันนี้ข้อมูลอยู่ในเครื่องร้าน ลูกค้าเปิดเองไม่ได้ ร้านกดคัดลอกข้อความส่งแต้มให้ลูกค้าทาง LINE แทน ถ้าอยากให้ลูกค้าดูเองต้องมีฐานข้อมูลออนไลน์ซึ่งซับซ้อนกว่านี้
ใช้หลายเครื่องพร้อมกันได้ไหม
แต่ละเครื่องเก็บข้อมูลแยกกัน ควรใช้เครื่องเดียวเป็นหลัก ถ้าจะย้ายเครื่องให้กดสำรองข้อมูลแล้วกู้คืนในเครื่องใหม่
ข้อมูลหายได้ไหม
หายได้ถ้าล้างข้อมูลเบราว์เซอร์ ใช้โหมดไม่ระบุตัวตน หรือเปลี่ยนเครื่อง จึงควรกดสำรองข้อมูลทุกสัปดาห์และเก็บไฟล์ไว้ใน Google Drive
ถ้าลูกค้าขอให้ลบข้อมูลทำยังไง
ควรบอกลูกค้าตั้งแต่แรกว่าเก็บชื่อเล่นกับเบอร์ 4 ตัวท้ายเพื่อสะสมแต้ม เวอร์ชันพื้นฐานไม่มีปุ่มลบลูกค้า ให้พิมพ์ต่อในแชตว่า เพิ่มปุ่มลบลูกค้าที่ถามยืนยันก่อน แล้วขอโค้ดเต็มใหม่
คะแนนและรีวิว
ล็อกอินด้วยบัญชี Google เพื่อให้คะแนน Prompt นี้