Kit Explorer (2026-09-24) คือวิธีที่ละเอียดที่สุดในการดูทุกสิ่งที่ aiKit สามารถสร้างให้กับโปรเจกต์ของคุณ ได้แก่ ทุกหมวดหมู่ ตัวอย่างเต็มรูปแบบที่ตรงไปตรงมาของแต่ละโมดูล และแผงเพิ่มรายการที่รับบันทึกจริง ไม่ใช่แค่ช่องทำเครื่องหมาย เข้าถึงได้จากแท็บ Kit ของโปรเจกต์ ("สำรวจ Kit ทั้งหมด") หรือเปิดโดยตรงก่อนเลือกโปรเจกต์ที่ /projects/kit หน้านี้แตกต่างจากแท็บ Kit ในหน้าโปรเจกต์และแท็บ Kit ของ Assistant (รายการเพิ่มด่วนของแต่ละหน้า ซึ่งอธิบายไว้ในคู่มือ "หน้าโปรเจกต์ที่โฮสต์อยู่") เป็นแค็ตตาล็อกเดียวกัน แต่มีพื้นที่ให้คุณดูรายละเอียดก่อนเพิ่มมากขึ้น
เรียกดู Kit →Explorer มีสามระดับพอดี และแต่ละระดับอยู่ในที่อยู่ของหน้าเอง ไม่ใช่แค่สถานะของคอมโพเนนต์ ได้แก่ กริดหมวดหมู่ (/projects/kit หรือ /projects/<id>/kit) รายการโมดูลของหมวดหมู่เดียว (เพิ่ม ?cat=<key>) และหน้ารายละเอียดเต็มของโมดูลหนึ่งรายการ (เพิ่ม &module=<id>) ดังนั้นปุ่มย้อนกลับของเบราว์เซอร์จะทำงานถูกต้องเสมอ และหน้ารายละเอียดของโมดูลเฉพาะเป็นลิงก์จริงที่แชร์ได้ คุณจึงส่งให้ใครสักคนไปดู "Quote หรือ Estimate Request Form ให้อะไรบ้าง" ได้ทันที แทนที่จะบอกว่าต้องคลิกตรงไหน Escape จะย้อนกลับทีละระดับ เหมือนปุ่มย้อนกลับ
เมื่อเปิดจากภายในโปรเจกต์ (/projects/<id>/kit) หน้าจะรู้ว่าคุณกำลังดูโปรเจกต์ไหน จึงแสดงสิ่งที่มีอยู่แล้วและให้คุณเพิ่มเข้าไปได้ทันที เมื่อเปิดแบบเดี่ยว (/projects/kit ซึ่งเข้าจากลิงก์ในแท็บ Kit หรือเข้าโดยตรง) จะเป็นสามระดับเดิมแต่ไม่มีข้อมูลเฉพาะโปรเจกต์ เหมาะสำหรับดูก่อนตัดสินใจว่าจะสร้างอะไร หรือแสดงแค็ตตาล็อกให้ใครสักคนดูโดยไม่ต้องเปิดโปรเจกต์ใดโปรเจกต์หนึ่ง
ที่ด้านบนของกริดหมวดหมู่ ปุ่มสลับสองทางเดียวกับที่อื่นใน aiKit จะแบ่งแค็ตตาล็อกทั้งหมด: Site kit คือส่วนและฟีเจอร์ที่กลายเป็นส่วนหนึ่งของเว็บไซต์หรือแอป (หน้า แบบฟอร์ม แกลเลอรี ร้านค้า การจอง SEO) Business tools kit คือเครื่องมือที่ทำงานคู่ไปกับโปรเจกต์ ไม่ได้อยู่ในโปรเจกต์ (การทำการตลาดอัตโนมัติ ใบแจ้งหนี้ CRM เครื่องมือสำหรับทีมงาน รายงาน) แต่ละไทล์หมวดหมู่แสดงจำนวนโมดูล และป้าย "พร้อมใช้ N รายการ" เมื่อมีอย่างน้อยหนึ่งโมดูลที่พร้อมใช้งานทันที (ดูด้านล่าง)
กล่องค้นหาเหนือหมวดหมู่จะจับคู่ชื่อหรือคำอธิบายโมดูลจากแค็ตตาล็อกทั้งหมดพร้อมกัน ทั้ง Site kit และ Business tools kit ไม่ว่าจะเลือกปุ่มสลับใดอยู่ ดังนั้นการค้นหา "invoice" จะพบผลลัพธ์แม้ขณะที่คุณกำลังดู Site kit
เมื่อเปิดจากภายในโปรเจกต์ และเฉพาะตอนที่ไม่ได้ค้นหาอยู่ แถว "แนะนำสำหรับโปรเจกต์นี้" จะปรากฏเหนือกริดหมวดหมู่ เมื่อ aiKit มีคำแนะนำจริง โดยใช้กฎง่ายๆ ที่ไม่ใช้ AI จับคู่กับประเภทของโปรเจกต์ (เว็บไซต์จะได้รับแนะนำแบบฟอร์มขอใบเสนอราคา แบบฟอร์มติดต่อ ส่วนแสดงรีวิว SEO ท้องถิ่น และหน้าคำถามที่พบบ่อย ร้านค้าออนไลน์จะได้รับแนะนำตะกร้าสินค้าและการชำระเงิน การกู้คืนตะกร้าที่ถูกทิ้ง และรีวิวสินค้า และอื่นๆ สำหรับหน้าแลนดิ้ง แอป ระบบผู้ดูแล แดชบอร์ด พอร์ทัลลูกค้า บล็อก และโปรเจกต์การทำการตลาดอัตโนมัติ) รวมถึงคำที่ตรงกับข้อความเป้าหมายของโปรเจกต์ (การใส่คำว่า "quote" "booking" "review" "email" "invoice" หรือ "sell online" จะแสดงโมดูลที่ตรงกันพร้อมเหตุผลสั้นๆ ของตัวเอง) รายการที่มีอยู่แล้วในโปรเจกต์จะไม่แสดง และรายการจะจำกัดไว้ที่หกรายการ
ทุกโมดูลมีป้ายสถานะหนึ่งในสองแบบ และคำที่ใช้ตั้งใจให้ตรงตามตัวอักษร ไม่ใช่ภาษาการตลาด "พร้อมใช้งานทันที" หมายถึงโมดูลนั้นเป็นหนึ่งในโมดูลที่ผ่านการทดสอบของเครื่องมือสร้างระบบ เป็นโค้ดจริงที่แสดงหน้าจริงโดยใช้ข้อมูลตัวอย่างแทนรายละเอียดของคุณ เป็นเทมเพลตเดียวกับที่เว็บไซต์จริงใช้ "สร้างให้คุณ" หมายถึงโมดูลนั้นเป็นส่วนจริงที่วางแผนไว้ในแค็ตตาล็อก แต่ยังไม่มีการแสดงผลใดๆ การเลือกจะเพิ่มไปยังแผนและสร้างรายการงานจริง และโมดูลจะถูกสร้างเป็นโค้ดของเว็บไซต์เอง ด้วยแบรนด์และถ้อยคำของคุณเอง เหมือนการแก้ไขด้วย AI ทั่วไป เพียงแต่ยังไม่มีเทมเพลตที่ทดสอบแล้วพร้อมใช้งานในวันนี้
สถานะทั้งสองไม่ได้หมายความว่า "ไม่จริง" หรือ "สมมติ" ทั้งคู่เป็นสิ่งที่ aiKit จะสร้างให้คุณจริง ความแตกต่างเพียงอย่างเดียวที่ป้ายบอกคือ คุณเห็นรูปร่างสำเร็จรูปได้ตอนนี้หรือต้องจินตนาการจากคำอธิบายและไดอะแกรม
เมื่อเปิดหมวดหมู่ จะแสดงทุกโมดูลในหมวดนั้นเป็นการ์ด ประกอบด้วยภาพขนาดย่อ ชื่อโมดูล ป้ายสถานะ คำอธิบายสั้นหนึ่งบรรทัด แถวชิป "เหมาะกับ" (สูงสุดสามรายการ) และ "ในโปรเจกต์นี้" หากเพิ่มไปแล้ว (เมื่อเรียกดูภายในโปรเจกต์) ภาพขนาดย่อของโมดูลที่พร้อมใช้งานทันทีเป็นตัวอย่างสดขนาดเล็กของหน้าจริง โหลดเมื่อเลื่อนมาถึงเท่านั้น และแสดงได้สูงสุดหกภาพพร้อมกันบนหน้าจอ เพื่อไม่ให้หมวดหมู่ยาวทำให้หน้าช้า ภาพที่เกินจำนวนนี้จะแสดงเป็นตัวยึดตำแหน่งการโหลดธรรมดาจนกว่าจะมองเห็น ภาพขนาดย่อของโมดูลแบบ "สร้างให้คุณ" เป็นไดอะแกรมประกอบเหมือนที่อธิบายไว้ด้านล่าง เพียงแต่เล็กกว่า ยกเว้นโมดูลที่มีตัวอย่างการทำงาน (ดูด้านล่าง) ซึ่งการ์ดจะแสดงเว็บไซต์ตัวอย่างจริงที่ย่อขนาดลง ป้าย "ตัวอย่างการทำงาน · N แบบ" และปุ่ม "ดูการทำงาน" แทน "ดูรายละเอียด" "ดูรายละเอียด" จะเปิดหน้าของโมดูลนั้น
สำหรับโมดูล Ready now ตัวอย่างคือหน้าเว็บจริงที่ทดสอบแล้ว แสดงในกรอบ iframe ขนาดเต็ม วางในกรอบเบราว์เซอร์ขนาดเล็ก มีปุ่มสลับ Desktop/Phone ที่ปรับขนาดกรอบได้จริง เพื่อให้คุณดูได้ว่าหน้าจอแสดงผลบนโทรศัพท์อย่างไร (บนโทรศัพท์จริง ปุ่มสลับจะถูกแทนที่ด้วยป้ายข้อความ "Phone preview" และกรอบจะเลื่อนมาที่ฟอร์มโดยตรง เพื่อให้คุณเห็นช่องกรอกข้อมูล ไม่ใช่แค่ส่วนหัวของหน้า) ด้านล่างของกรอบจะค่อยๆ จางหาย ปุ่ม "Open full preview" ใต้กรอบจะเปิดหน้าทั้งหมดในแท็บใหม่ และคำอธิบายด้านล่างระบุชื่อธุรกิจตัวอย่างที่ใช้ข้อมูลแทน เมื่อเปิดภายในโปรเจกต์ ปุ่ม "Show in this site's colors" จะโหลดตัวอย่างเดิมอีกครั้งด้วยสีแบรนด์ของโปรเจกต์ (อ่านจากรหัสสี #hex ที่พิมพ์ในบันทึกแบรนด์ของ brief) และชื่อโปรเจกต์ที่เปลี่ยนแล้ว เพื่อให้คุณเห็นภาพที่ใกล้เคียงกับเว็บไซต์จริงของคุณมากขึ้น ไม่ใช่ตัวอย่างทั่วไป
สำหรับโมดูล Built for you จะไม่มี iframe แบบสด แต่จะแสดงภาพร่างโครงร่างเหมือนในรายการหมวดหมู่ แต่ขยายใหญ่ขึ้น เป็นไดอะแกรม SVG เส้นเดียวแบบเรียบง่ายที่แสดงรูปแบบของเลย์เอาต์ (เช่น ช่องกรอกของฟอร์ม ตารางของปฏิทิน แผงไทล์ของแดชบอร์ด ตามแต่ประเภทหน้าจอที่เหมาะกับโมดูลนั้น) พร้อมป้ายกำกับสั้นๆ ที่ดึงมาจากข้อมูลตัวอย่างของโมดูล ทุกภาพจะมีคำอธิบายด้านล่างที่ต้องมีเสมอและห้ามลบออก: "Illustration of the layout. Your version is designed to match your site." มีไว้เพื่อไม่ให้ภาพร่างของรูปแบบถูกเข้าใจผิดว่าเป็นตัวอย่างสำเร็จรูปที่ตรงกับแบรนด์
ตัวอย่างที่ใช้งานได้ (2026-10-04): โมดูล Built for you หลายตัวจะข้ามภาพร่างและเปิดเว็บไซต์ตัวอย่างเต็มรูปแบบที่คลิกได้แทน แสดงเต็มความกว้างเหนือรายละเอียด โมดูล E-commerce / Online Store ทั้งสิบสองตัวจะเปิดร้านเซรามิกตัวอย่างเดียวกันชื่อ Juniper Kiln โดยแต่ละตัวจะเน้นส่วนที่เกี่ยวข้อง ได้แก่ แคตตาล็อก (ตัวกรอง เรียงลำดับ ค้นหา เปิดดูสินค้า เลือกสีเคลือบและขนาด ภาพและราคาจะเปลี่ยนตาม) ตะกร้าและการชำระเงิน (เปลี่ยนจำนวน ลบสินค้า กรอก WELCOME10, FREESHIP หรือ GIFT-2580 ประมาณค่าจัดส่งตามรหัสไปรษณีย์ และชำระเงินไปยังหน้ายืนยัน) ตัวเลือกการชำระเงิน (บัตร Pay in 4 และปุ่ม wallet) อัตราค่าจัดส่ง โค้ดส่วนลดและบัตรของขวัญ รีวิวสินค้า (กรองตามดาวหรือรูปภาพ กดว่าเป็นประโยชน์ และเขียนรีวิว) ชุดสินค้าและสินค้าเสริม ภาษีการขาย (เปลี่ยนรัฐปลายทางแล้วบรรทัดภาษีจะเปลี่ยน) บัญชีลูกค้า (เข้าสู่ระบบ ซื้ออีกครั้ง ติดตามพัสดุ และเริ่มการคืนสินค้า) อีเมลยืนยันคำสั่งซื้อ (ยืนยัน จัดส่งแล้ว และส่งถึงแล้ว พร้อมหน้าติดตามที่ใช้งานได้) การคืนและการแลกเปลี่ยน (ค้นหาคำสั่งซื้อ เลือกสินค้าและเหตุผล รับใบปะหน้าการคืน) และสินค้าคงคลัง (มุมมองเจ้าของร้านที่เมื่อเปลี่ยนสต็อก สิ่งที่ผู้ซื้อเห็นก็จะเปลี่ยนตาม) โมดูล Online Courses & Digital Products ทั้งสิบตัวจะเปิดโรงเรียนทำขนมปังตัวอย่างชื่อ Rise & Crumb: เล่นบทเรียน (ความเร็ว คำบรรยาย) ทำเครื่องหมายว่าเสร็จแล้ว ดูวงแหวนความคืบหน้าเติมเต็ม ทำแบบทดสอบ ลงทะเบียนจากตัวอย่างฟรี ดูใบรับรอง ถามคำถามใต้บทเรียน ซื้อไฟล์ดิจิทัล เลือกชุดคอร์ส หรือเลือกสินค้าเสริมตอนชำระเงิน และสลับไปมุมมองเจ้าของเพื่อเปลี่ยนชื่อ จัดลำดับ เพิ่ม หรือยกเลิกการเผยแพร่บทเรียน รวมถึงกำหนดว่าแต่ละสัปดาห์จะเปิดเมื่อใด สำหรับโมดูลตารางการเผยแพร่ จะมีแถว Preview time อยู่เหนือกรอบ ซึ่งมีปุ่ม Skip ahead a week (และ Back to today) เพื่อให้คุณดูบทเรียนที่ล็อกเปิดตามวันที่กำหนดได้
เหนือกรอบ: มีแถวตัวเลือกหนึ่งแถวสำหรับแต่ละตัวแปรที่โมดูลมี (เช่น Shop layout: Grid, List หรือ Featured; Cart: Slide-out cart หรือ Cart page และ Checkout: One page หรือ Step by step; Release rule: On set dates, Days after joining หรือ After finishing the last lesson) เมื่อเลือกตัวเลือกใด เว็บไซต์ตัวอย่างจะปรับตามตัวแปรนั้นทันที และบันทึกไว้ในที่อยู่หน้าเว็บ (?v=…) จึงสามารถแชร์ลิงก์ของตัวแปรเฉพาะได้ ปุ่ม Desktop และ Phone จะปรับขนาดกรอบเพื่อให้เว็บไซต์ตัวอย่างจัดเรียงใหม่เหมือนบนโทรศัพท์ (บนโทรศัพท์จริง จะเป็นป้ายข้อความ "Phone view") ปุ่ม Reset จะคืนเว็บไซต์ตัวอย่างให้กลับสู่สถานะเริ่มต้น แถว "Things to do" สั้นๆ จะแสดงสิ่งที่ควรคลิกก่อน และคำอธิบายของตัวแปรที่เลือกแต่ละตัวจะอยู่ใต้กรอบ ภายในโปรเจกต์ที่มีสีแบรนด์ใน brief ปุ่ม "Show in this site's colors" จะสลับสีหลักของเว็บไซต์ตัวอย่างเป็นสีของโปรเจกต์ (เฉพาะเมื่อสีนั้นเข้มพอให้ข้อความสีขาวบนปุ่มอ่านได้ชัด)
ไม่มีสิ่งใดในตัวอย่างที่ใช้งานได้ถูกส่งไปยังเซิร์ฟเวอร์ ไม่มีการเชื่อมต่อการชำระเงิน: หน้าชำระเงินมีป้ายกำกับว่า "Preview — nothing is charged and no order is sent" หมายเลขบัตรเป็นตัวอย่างคงที่ที่อ่านได้อย่างเดียว และปุ่ม wallet (Apple Pay, Google Pay, PayPal) จะแสดงเพียงหมายเหตุ ไม่มีอีเมลถูกส่ง ไม่มีการโพสต์รีวิว และไม่มีการบันทึกอะไรทั้งสิ้น การออกจากหน้าจะลืมทุกอย่าง ธุรกิจ สินค้า บุคคล และราคาตัวอย่างล้วนถูกสร้างขึ้นเอง คำอธิบายใต้กรอบระบุไว้ชัดเจนว่า: "Working preview with sample data for an invented business. Your version uses your own products, prices, wording, and brand. Nothing here is charged, saved, or sent." โมดูล Built for you อื่นๆ ทั้งหมดยังคงแสดงภาพร่างโครงร่างของเลย์เอาต์
ด้านล่างสุดคือปุ่ม "เพิ่มสิ่งนี้ไปยัง <ชื่อโปรเจกต์>" (หรือ "โปรเจกต์ของคุณ" หากกำลังเรียกดูโดยยังไม่ได้เลือกโปรเจกต์) หากโมดูลมีไอเดียการปรับแต่งที่บันทึกไว้ ไอเดียเหล่านั้นจะแสดงเป็นรายการให้เลือกก่อน โดยมีป้ายกำกับ "การปรับแต่งที่แนะนำ" สำหรับโมดูลที่พร้อมใช้งานแล้ว หรือ "เลือกตัวเลือกที่คุณต้องการ" สำหรับโมดูลที่สร้างให้คุณ และเมื่อคุณเลือกรายการใดก็ตาม รายการนั้นจะถูกรวมเข้ากับสิ่งที่ส่งไป ไม่ใช่แค่ช่องทำเครื่องหมายที่ทำงานเงียบ ๆ
สำหรับโมดูลที่มีตัวอย่างใช้งานได้ แผงจะอยู่ในคอลัมน์ซ้ายใต้ตัวอย่าง และขึ้นต้นด้วย "รูปแบบของคุณ" ซึ่งเป็นรูปแบบที่เลือกจากแถวตัวเลือกในตัวอย่าง (เช่น "ตะกร้า: หน้าตะกร้า · การชำระเงิน: ทีละขั้นตอน") สิ่งที่แสดงอยู่ในตัวอย่างตอนที่คุณกดเพิ่มจะถูกบันทึกไว้ โดยจะถูกเก็บในใบสรุปงานของโปรเจกต์พร้อมกับโมดูลนั้น และรายการงานจะขึ้นว่า "รูปแบบ: …" เพื่อให้ผู้สร้างสร้างตามผังนั้น โมดูลที่มีตัวเลือกที่ตั้งชื่อไว้ในส่วนคุณสมบัติ จะถามว่า "สิ่งไหนสำคัญที่สุดสำหรับคุณ?" ตรงนั้นด้วย เพื่อไม่ให้สองตัวเลือกสับสนกัน
"มีอะไรที่ควรต่างออกไปสำหรับคุณ?" เป็นช่องบันทึกข้อความอิสระ พร้อมปุ่มพิมพ์ด้วยเสียงแบบเดียวกับทุกที่ในaiKit และมีปุ่ม "แนบรูปภาพหรือ PDF" (รองรับเฉพาะรูปภาพและ PDF ไฟล์ละไม่เกิน 2.5 MB) สำหรับโลโก้ รูปอ้างอิง หรือเอกสารสเปก ไฟล์ที่แนบจะแสดงเป็นชิปที่ลบออกได้ตรงนั้น หากโมดูลมีคำถามเฉพาะเจาะจงที่ต้องได้รับคำตอบก่อนจึงจะสร้างได้ดี คำถามเหล่านั้นจะแสดงภายใต้ "สิ่งที่เราจะถามคุณ" โดยแต่ละข้อมีช่องข้อความแบบไม่บังคับของตัวเอง เพื่อให้คุณตอบล่วงหน้าได้ แทนที่จะต้องรอให้ถามภายหลัง
"เพิ่มลงแผน" พร้อมใช้งานเสมอเมื่อคุณอยู่ในโปรเจกต์จริง โดยจะบันทึกตัวเลือกลงในใบสรุปงานของโปรเจกต์ (แผนเดียวกับที่หน้าแผนเว็บไซต์และหน้าโปรเจกต์อ่านข้อมูล) และสร้างรายการงานจริงที่ทีมงานเห็นในแท็บคำติชม ซึ่งมีป้ายว่า "รอทีมงาน" เหมือนกับคำขอประเภทอื่นทุกประการ "เพิ่มและสร้างเลย" จะอยู่ข้าง ๆ ก็ต่อเมื่อโปรเจกต์มีไฟล์จริงให้แก้ไขแล้ว คือเมื่อการสร้างครั้งแรกเสร็จสิ้น หรือเมื่อเผยแพร่แล้ว ปุ่มนี้ทำสองอย่างเดียวกันและจากนั้นจะเรียกใช้รายการงานนั้นผ่านตัวแก้ไข AI ตัวเดียวกับที่ "แก้ไขด้วย AI" ใช้ทันที โดยไม่มีคิวแยกต่างหาก การพยายามเพิ่มโมดูลที่มีอยู่ในโปรเจกต์แล้วจะถูกปฏิเสธทันทีด้วยข้อความธรรมดาว่า "มีอยู่ในโปรเจกต์นี้แล้ว" แทนที่จะเพิ่มซ้ำ
เมื่อส่งแล้ว ข้อความยืนยันจะแทนที่ปุ่มด้วยผลลัพธ์จริง ได้แก่ข้อความธรรมดาว่า "เพิ่มลงแผนเป็นรายการงานแล้ว" หรือสำหรับคำขอสร้างเลย สถานะจริง (เริ่มแล้ว หรือเหตุผลเฉพาะที่ทำไม่ได้ เช่น ถูกพักไว้เพื่อรอการอนุมัติก่อนตรวจสอบ) พร้อมลิงก์สองอันไปยัง "เปิดแผน" และ "ดูคำขอ" เพื่อให้คุณไม่ต้องสงสัยว่ารายการไปอยู่ที่ไหน
ที่ /projects/kit ซึ่งใช้การลงชื่อเข้าใช้จริงแบบเดียวกับแดชบอร์ดโปรเจกต์ที่โฮสต์ไว้ ไม่ต้องมีโปรเจกต์ก่อน ทุกอย่างทำงานเหมือนกันทุกประการ จนกระทั่งคุณกดเพิ่มสิ่งใดสิ่งหนึ่ง การกดปุ่ม "เพิ่มไปยังโปรเจกต์" (ปุ่มจะแสดงข้อความนี้แทน "เพิ่มลงแผน" เมื่อไม่มีโปรเจกต์ที่โหลดอยู่) จะเปิด "เพิ่มไปยังโปรเจกต์ไหน?" ซึ่งเป็นตัวเลือกเล็ก ๆ แสดงโปรเจกต์ทั้งหมดในบัญชีของคุณ เมื่อเลือกหนึ่งโปรเจกต์ คุณจะถูกส่งไปยังหน้าคลังคิตของโปรเจกต์นั้นทันที พร้อมโมดูลเดิมที่ยังเปิดอยู่ พร้อมให้คุณเพิ่มให้เสร็จ หากคุณยังไม่มีโปรเจกต์ ตัวเลือกจะบอกไว้อย่างชัดเจนและมีลิงก์ "เริ่มโปรเจกต์ →" ให้ใช้งานทันที แทนที่จะปล่อยให้คุณติดอยู่
มีคำถามเฉพาะเจาะจงที่อยากได้คำตอบเร็วกว่านี้ไหม ดูคำถามที่พบบ่อย