ศูนย์ทำเว็บ · สำหรับมือใหม่ · แจกฟรี

เลือกเทมเพลต → ให้ AI แก้ให้ → ได้เว็บ

มีของอยากมีเว็บแต่ไม่รู้จะเริ่มยังไง? เลือกเทมเพลตที่ใกล้ธุรกิจคุณ โหลดไป แล้วให้ AI แก้ข้อความ/รูป/สีให้ตรงร้านคุณ — ได้เว็บสวยๆ ไม่ต้องเขียนโค้ดเป็น พร้อมบล็อกสำเร็จ เครื่องเช็ก และวิธีสั่ง AI ทีละขั้น

เช็กก่อน: เว็บคุณดูเหมือน AI ทำหรือเปล่า?

ติ๊กข้อที่ตรงกับเว็บคุณ แล้วกดดูผล — รู้ทันทีว่าต้องแก้ตรงไหน

บล็อกสำเร็จ — ก๊อปไปแปะเพิ่มได้เลย

ชิ้นส่วนเว็บที่ใช้บ่อย กดคัดลอกแล้วแปะในไฟล์เว็บคุณ (หรือบอก AI ว่า "เพิ่มบล็อกนี้ให้หน่อย")
ปุ่มทักไลน์ลอย (มุมจอ)
<a href="https://lin.ee/XXXXX" target="_blank"
   style="position:fixed;right:18px;bottom:18px;z-index:99;
   background:#06c755;color:#fff;font-weight:700;
   padding:13px 20px;border-radius:999px;text-decoration:none;
   box-shadow:0 10px 24px -6px rgba(6,199,85,.5)">
  💬 ทักไลน์
</a>
เปลี่ยน lin.ee/XXXXX เป็นลิงก์ LINE ร้านคุณ
กล่องรีวิวลูกค้า 5 ดาว
<div style="background:#fff;border:1px solid #eee;
   border-radius:14px;padding:22px;max-width:340px">
  <div style="color:#e0a52b;letter-spacing:2px">★★★★★</div>
  <p style="margin:10px 0;font-size:15px">"[รีวิวจริงของลูกค้า]"</p>
  <b style="font-size:14px;color:#666">— [ชื่อลูกค้า]</b>
</div>
FAQ พับเปิด-ปิดได้
<details style="border:1px solid #eee;border-radius:10px;
   padding:14px 16px;margin-bottom:10px">
  <summary style="font-weight:700;cursor:pointer">ส่งของกี่วัน?</summary>
  <p style="margin-top:10px;color:#666">[คำตอบจริง]</p>
</details>
ก๊อปซ้ำหลายอันสำหรับหลายคำถาม
กล่องราคา + ปุ่มสั่งซื้อ
<div style="background:#16181f;color:#fff;border-radius:18px;
   padding:32px;text-align:center;max-width:360px">
  <div style="font-size:34px;font-weight:800">฿[ราคา]</div>
  <div style="opacity:.7;text-decoration:line-through">ปกติ ฿[เต็ม]</div>
  <a href="[ลิงก์สั่งซื้อ]" style="display:inline-block;margin-top:16px;
     background:#fff;color:#16181f;font-weight:700;
     padding:13px 30px;border-radius:10px;text-decoration:none">สั่งซื้อเลย</a>
</div>

สั่ง AI ทำเว็บทีละขั้น (ฉบับมือใหม่)

ไม่มีเทมเพลตที่ใช่? สร้างใหม่จากศูนย์ก็ได้ — ทำตาม 5 ขั้นนี้ (กดคัดลอกพรอมต์ได้เลย)
1
เปิด Claude หรือ Claude Code

สมัครฟรีที่ claude.ai — พิมพ์ภาษาคนได้เลย ไม่ต้องรู้โค้ด

2
ป้อนความรู้ + กฎห้าม Slop ก่อน

โหลด E-com Web Kit จากคู่มือ แล้วลากไฟล์ design-bible.md + CLAUDE.md เข้าไป

คัดลอกคำเตือนความจำ
3
บอกโจทย์ร้านคุณ

เล่าให้ AI ฟังว่าขายอะไร เพื่อใคร จุดเด่น ราคา โทนแบรนด์

คัดลอกพรอมต์สร้างเว็บ
4
สั่งขัดเกลาให้ดูแพง

หลังได้เว็บแล้ว สั่งให้มันวิจารณ์ตัวเองด้วยเกณฑ์ Slop แล้วแก้

คัดลอกพรอมต์ขัดเกลา
5
ใส่รูปจริง + เอาขึ้นเว็บ

แทน placeholder ด้วยรูปสินค้า/ร้านจริง แล้วเอาไฟล์ขึ้นโฮสต์ฟรี (เช่น Cloudflare Pages / Netlify) — ติดตรงไหนทักเรามาได้

ทำเองแล้วติด? หรืออยากได้เลย ไม่ต้องลงมือ

บอกเราว่าอยากได้เว็บแบบไหน เดี๋ยวพี่ปุ้ยช่วยดีไซน์ให้ฟรีก่อนเริ่ม — หรือมาเรียนสั่ง AI สร้างเองให้เป็น

พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
ผู้ก่อตั้ง Skills Lab — สอนเจ้าของกิจการสั่ง AI สร้างเว็บ & ระบบให้ธุรกิจ วางระบบจริงมากว่า 6 ปี สอนมาแล้ว 400+ คน
เกี่ยวกับพี่ปุ้ย →