สอน n8n พื้นฐาน ฉบับจัดเต็ม | เหมาะสำหรับมือใหม่ เชื่อม Gmail, Sheet, AI และ Image gen ง่ายนิดเดียว!

🌟 เรียนรู้แบบจัดเต็มบน Skool ได้ที่นี่! 👉 https://www.skool.com/boombignose-8034/about?ref=8a6ea283379043c4b9acc322a43ecc23 💎 ติดตั้ง Docker Desktop : https://www.docker.com/products/docker-desktop/ 🔥 คลิปนี้คือ คู่มือฉบับสมบูรณ์สำหรับมือใหม่ ที่อยากเริ่มต้นใช้งาน n8n เพื่อสร้างระบบอัตโนมัติได้ด้วยตัวเอง ภายในคลิปเดียวคุณจะเข้าใจทุกอย่างที่จำเป็น! 🎯 เหมาะสำหรับผู้ที่เพิ่งเริ่มต้น ไม่ต้องมีพื้นฐานเขียนโค้ด ✅ เชื่อมต่อ Gmail อัตโนมัติ ✅ ดึงและจัดการข้อมูลผ่าน Google Sheets ✅ สั่งงาน AI เช่น Ollama ได้อย่างง่ายดาย ✅ ใช้ API ด้าน Image Generation สร้างภาพจากข้อความ ✅ เข้าใจการตั้งค่า Workflow, Trigger, และ Node พื้นฐาน 💡 สอนแบบ Step-by-step พร้อมตัวอย่างใช้งานจริง 📌 มือใหม่ดูจบ สามารถเริ่มสร้างระบบ Automation ของตัวเองได้ทันที! คุณได้รับคำเชิญให้เข้าร่วมกลุ่มโอเพนแชท “BoomBigNose” บน LINE 📲 เข้าร่วมที่นี่เลย: 👉 https://line.me/ti/g2/OuCWdYcCBSf85mO06X_vAuIs2Bu_HHzQQtxB7g?utm_source=invitation&utm_medium=link_copy&utm_campaign=default 00:00 intro 01:03 ภาพรวมของ n8n 21:00 ลงมือทำ workflow แรก! 28:20 วิธีการติดตั้ง 32:12 ลงมือทำ workflow สอง! 01:01:38 ลงมือทำ workflow สาม! 01:14:12 สรุป 👨‍💼: ช่องทางสำหรับติดต่องาน: vittawat.soo@gmail.com || Company's โปรเจ็ค, Private ติวเตอร์ และ Workshop onsite

แจก Prompt สร้างระบบลงทะเบียนพร้อมอัพโหลดไฟล์ได้

แจก Prompt สร้างระบบลงทะเบียนพร้อมอัพโหลดไฟล์ได้ adminJun 22, 2025 ใครก็ตามที่เบื่อหน้าตาของ Google Sheets แล้ว อยากได้ฟอร์มลงทะเบียนที่ดูดี สามารถใส่ logo ขององค์กรได้ มีสีและ font ที่สามารถปรับตามสีขององค์กรได้

โพสนี้ผมจะมาแจก Prompt สำหรับการการสร้างฟอร์มแบบ HTML แบบไม่จำเป็นต้องรู้วิธีเขียนโปรแกรมโดยใช้ AI ครับ . จริงๆต้องบอกว่าก่อนหน้านี้ผมเคยสอนวิธีในการเปลี่ยน Google Form เป็น form แบบ HTML มาแล้ว แต่ว่าอาจจะมีข้อจำกัดในหลายๆอย่าง เช่น ไม่สามารถอัพโหลดไฟล์ได้ หรือมักจะเกิด error เวลาที่ต้องการช่องในการกรอกข้อมูลยาวๆ . นี้เลยเป็นที่มาของโพสนี้ครับ ที่เราจะเปลี่ยนวิธีนิดหน่อยแต่สามารถลดข้อจำกัดก่อนหน้านี้ไปได้ คือเราสามารถสร้าง form ที่มี option ในการ upload file ไปยัง google drive ได้ และนอกจากนั้นเราก็จะได้ link google drive มาอยู่ใน google sheets ให้เราแบบอัตโนมัติเลย

โดยการสร้างฟอร์มลงทะเบียนในโพสนี้นั้นจะมีการสองทั้งสิ้น 2 วิธี ทั้งวิธีที่เราสามารถ run form นี้บน Google App Script โดยตรงและ วิธีการสร้าง file html มาสำหรับ run ในเครื่องของเราหรือจะนำไปฝาก server ก็ได้ครับ วิธีที่ 1 การ run form จาก Google App Script โดยตรง โดยในวิธีนี้ให้เรานำ prompt ดังต่อไปนี้มาวางใน AI ของเราได้เลยครับ โดยจะเลือกใช้เป็นตัวใหนก็ได้ แต่ในเคสนี้ผมได้ลองใช้เป็นตัว Gemini ครับ สร้าง WebApp ด้วย Google App Script ระบบบันทึกข้อมูล “การลงทะเบียนเข้าร่วมงาน” โดยให้ทำการเก็บข้อมูลไว้ที่ Google Sheets ที่ระบุ ในส่วนของ Interface ของ WebApp - ให้ใช้ตีม minimal ที่ดูสวยงาม โดยใช้สีพาสเทล - ให้ใช้ font ที่ชื่อว่า Kanit จาก Google Font ข้อมูลที่ต้องการให้แสดงในฟอร์มการบันทึกข้อมูลมีดังนี้ 1. ชื่อ-สามสกุล - text input - required 2. เบอร์โทร - tel input - required 3 ประเภทโต๊ะที่ต้องการ - with following input option - โต๊ะ A - โต๊ะ B - โต๊ะ C 4 “สลิปโอนเงิน” can only upload with jpg and png format ข้อมูลที่มีการกรอกทั้งหมดไปเก็บไว้ที่ Google Sheets ที่ ID ดังต่อไปนี้ [GOOGLE SHEETS ID ของเรา] ที่ชีทที่ชื่อว่า [ชื่อชีทที่ต้องการรับข้อมูล] ส่วนข้อมูลไฟล์ให้ไปเก็บไว้ที่ Google Drive โดยให้เก็บข้อมูลอัพโหลดให้ไปเก็บที่ Google Drive ID ดังต่อไปนี้ [GOOGLE DRIVE ID ของเรา] เมื่อผู้ใช้ทำการส่งฟอร์ม ให้ WebApp แปลงไฟล์สลิปเป็น Base64 String ที่ฝั่ง Client-side ก่อนส่งข้อมูลทั้งหมดไปยัง Google App Script ที่ฝั่ง Google App Script ให้ทำการ แปลง Base64 String กลับเป็นไฟล์ Blob และอัปโหลดไฟล์ Blob นั้นไปยัง Google Drive Folder ID ที่ระบุ ฝากเขียน Script และ HTML สำหรับ Google App Script ตามความต้องการดังต่อไปนี้ให้หน่อย แล้วหลังจากนั้นเราจะได้ code มา 2 file ก็คือ code.gs และ index.html ซึ่งเราก็สามารถนำไปวางที่ Google App Script ของไฟล์ Google Sheets ของเราได้เลยครับ โดยสามารถเข้าไปยัง Google App Script ได้จากที่นี้ครับ

และหลังจากนั้นก็ให้เรานำ script ที่ได้ copy มาวางในหน้านี้ได้เลย

วิธีที่ 2 การสร้าง Form โดยสามารถ run จากเครื่องของเรา หรือนำไปฝากไว้ที่ Host ได้ โดยในวิธีนี้ให้เรานำ prompt ดังต่อไปนี้มาวางใน AI ของเราได้เลยครับ โดยเคสนี้ผมได้ลองใช้เป็นตัว Claude.AI ครับ สร้าง WebApp [ระบบลงทะเบียนเข้าร่วมงานสัมมนา] ด้วย Google Apps Script พร้อม HTML Frontend ที่สามารถ run จาก local ได้ โดยให้อ้างอิงวิธีการส่งข้อมูลจากไฟล์ code.gs และ index.html ที่แนบมาด้วย แต่ให้สร้างไฟอร์มขึ้นมาใหม่ดังต่อไปนี้ 📋 ข้อมูลฟอร์ม: 1. ชื่อ-สามสกุล - text input - required 2. เบอร์โทร - tel input - required 3. น้ำหนังตัว - number input - required 4. ส่วนสูง - number input - not required 5. สลิปโอนเงิน - file upload - jpg/png เท่านั้น, ไม่เกิน 5MB 🎨 UI Design: - Theme: Modern gradient with glassmorphism - สีหลัก: Blue gradient (#4f46e5 to #06b6d4) - Font: Prompt จาก Google Fonts - Alert system: SweetAlert2 📁 การจัดเก็บข้อมูล: - Google Sheets ID: [GOOGLE SHEETS ID ของเรา] - Sheet Name: [ชื่อชีทที่ต้องการรับข้อมูล] - Google Drive ID: [GOOGLE DRIVE ID ของเรา] - Google Apps Script URL: [GOOGLE APP SCRIPT URL ของเรา] ⚙️ ความต้องการพิเศษ: - Email validation ต้องมี @ และ domain - เบอร์โทรต้องเป็นเลข 10 หลัก - รูปภาพต้องแสดง preview ก่อนส่ง - Loading animation ขณะส่งข้อมูล - Reset form หลังส่งสำเร็จ 🔧 Technical Requirements: - วิธีส่งข้อมูล: Form submission with iframe (หลีกเลี่ยง CORS) - File handling: Convert to base64 before sending - Error handling: ครอบคลุมทุกขั้นตอน พร้อมข้อความภาษาไทย - Mobile responsive: รองรับทุกขนาดหน้าจอ ให้สร้าง: 1. Google Apps Script (Code.gs) พร้อม error handling และ logging 2. HTML file ที่ใช้งานได้จาก local พร้อม validation และ UI ที่สวยงาม โดยในวิธีนี้เราจำเป็นจะต้องทำการ upload code ทั้ง 2 ตัวขึ้นไปเป็นตัวอย่างให้กับ AI ด้วย ให้เราทำการ download file จากลิงค์ด้านล่างนี้ link download file และหลังจากนั้น AI ก็จะทำการสร้าง file ให้กับเรามา 2 file เช่นเดียวกัน โดยเราก็สามารถทำการนำ file Code.gs ไปใส่ใน Google App Script และ สามารถ download file index.html เพื่อมา run ในเครื่องของเรา หรือ upload ขึ้น server ต่างๆได้เช่นเดียวกันครับ Screenshot โดยวิธีการปรับแต่ง prompt หรือ เทคนิคในการแก้ปัญหาเมื่อเกิดปัญหาระบบใช้งานไม่ได้ก็สามารถดูได้จากคลิปด้านล่างนี้เลยครับ 💳 ชอบคลิปที่ช่วยเพิ่มประสิทธิภาพการทำงานแบบนี้สามารถสมัครสมาชิกช่องได้ที่ https://www.youtube.com/channel/UChxmhkD8uSSzUOkfMO_p5oQ/join

แบบสอบถามความพึงพอใจและรับเรื่องร้องเรียน ผู้ประกันตน

สำหรับมือถือสมาร์ทโฟน คลิ๊กตามลิ้งค์นี้ https://forms.gle/LVGb34BXGoJMLzPu6

ความครอบคลุมประกันสุขภาพ ประจำเดือนมิถุนายน 2568

https://ucinfo.nhso.go.th/ucinfo/RptRegisPop-4 https://docs.google.com/spreadsheets/d/1RX4bYAJWwiPnmaKfvWL0D-bGonyAxLYeUmXpeM3YczA/edit?usp=sharing