สร้าง Slack Block Kit
ประกอบ Slack Block Kit payload ทั้ง section, header, divider, button และ input พร้อม preview แบบสด จัดเรียงใหม่ได้ คัดลอก JSON ไปใช้ได้เลย ฟรี ในเบราว์เซอร์
Loading tool...
สร้าง Slack Block Kit คืออะไร?
Slack Block Kit Builder ช่วยประกอบ payload ข้อความ Slack แบบรวยข้อมูลด้วยภาพ: เพิ่ม section, header, divider, button, input สลับลำดับอิสระ ดู preview สไตล์ Slack ที่สะท้อนทุกการแก้ไข แล้วคัดลอก JSON ไปใช้ใน webhook หรือ API ได้ทันที
ประโยชน์หลัก
- ได้ JSON Block Kit ที่มีโครงสร้างโดยไม่ต้องอ่าน API docs
- Preview สดสะท้อนเลย์เอาต์และเนื้อหาขณะพิมพ์
- สลับและลบ block ได้โดยไม่ต้องแตะ JSON
- Payload พร้อมวางสำหรับ webhook, API และ modal
กรณีการใช้งาน
- •ออกแบบข้อความแจ้งเตือนของ CI และ monitoring bot
- •ประกอบปุ่มอนุมัติและ input modal สำหรับ workflow
- •ร่างประกาศหรูหราสำหรับช่องทีม
- •สอนทีมโครงสร้าง Block Kit ด้วยตัวอย่างสด
- •ปรับแต่งคำตอบของบอทโดยไม่ต้อง deploy ใหม่
สร้างข้อความ Slack
- เพิ่ม block แรก: เลือกประเภท block - section, header, divider, button หรือ input - แล้วกด Add block
- กรอกเนื้อหา: แต่ละ block แสดงเฉพาะฟิลด์ของตัวเอง: ข้อความสำหรับ section/header, action ID และ URL สำหรับปุ่ม, label และ placeholder สำหรับ input
- จัดเรียงเลย์เอาต์: สลับลำดับด้วยลูกศรขึ้นลง ขณะที่ preview สะท้อนว่า Slack จะเรนเดอร์อย่างไร
- คัดลอกไปใช้ในแอป: คัดลอก JSON payload ไปวางใน webhook, chat.postMessage API หรือคำนิยาม modal ได้เลย
คุณสมบัติหลัก
- ห้าประเภท block: section, header, divider, button และ input
- Preview สไตล์ Slack สะท้อน payload แบบเรียลไทม์
- สลับลำดับ block ขึ้นลงได้โดยไม่ต้องแตะ JSON
- Button รองรับ action ID และ URL เสริม
- Input มี label, placeholder และ action ID ครบ
- คัดลอก payload ทั้งชุดได้ในคลิกเดียว