← คลาสเว็บไซต์บริษัทเครื่องมือผู้เรียน

ส่วนประกอบของเว็บไซต์

รู้ชื่อแต่ละส่วนของเว็บ แล้วสั่ง AI ได้ตรงจุด เช่น “เปลี่ยนรูปใน Hero” แทน “แก้รูปข้างบน” ลองคลิกที่เว็บตัวอย่างด้านล่างได้เลย

คลิกส่วนไหนของเว็บก็ได้ เพื่อดูชื่อและวิธีแก้

ร้านตัวอย่างติดต่อ

ขนมไทยทำสดทุกเช้า

ส่งตรงถึงออฟฟิศ ทั่วกรุงเทพ

สั่งทาง LINEดูเมนู
10 ปีประสบการณ์500+ลูกค้าองค์กร4.9★คะแนนรีวิว

ทำไมต้องเรา

🌿
👵
🚚

สินค้าแนะนำ

฿45
฿60
฿2,500

เรื่องราวของเรา

ลูกค้าพูดถึงเรา

“— คุณเอ
“— คุณบี

ผลงาน

คำถามที่พบบ่อย

สั่งล่วงหน้ากี่วัน?+ส่งถึงที่ไหนบ้าง?+

สั่งเบรกงานประชุม?

ทัก LINE เลย
ติดต่อเรา📞 02-000-0000
💬 LINE @yourshop
🕘 07:00–17:00
📍

© 2026 ร้านตัวอย่าง

Heroมีในเทมเพลต

แบนเนอร์หลัก

ส่วนแรกที่ลูกค้าเห็น บอกให้รู้ใน 3 วินาทีว่าคุณขายอะไร และควรกดอะไรต่อ

ควรมีอะไรบ้าง

  • หัวข้อใหญ่ 1 ประโยค
  • ข้อความรองสั้น ๆ
  • ปุ่ม 1–2 ปุ่ม
  • รูปพื้นหลัง (ถ้ามี)

เคล็ดลับ

  • หัวข้อบอกประโยชน์ ไม่ใช่แค่ชื่อร้าน
  • ถ้ามีรูป เลือกรูปที่ไม่รก ตัวหนังสือจะได้อ่านง่าย

แก้ได้ที่

/admin › หน้าเว็บ › หน้าแรก › เนื้อหาในหน้า › แบนเนอร์ (Hero)

ชื่อในระบบหลังบ้าน: แบนเนอร์ (Hero)

สั่ง Claude แบบนี้

เปลี่ยนหัวข้อใน Hero หน้าแรกเป็น "..." และใช้รูป my-images/banner.jpg เป็นพื้นหลัง

เปลี่ยน ... เป็นข้อมูลของคุณก่อนส่ง

ทุกส่วนในหน้าเดียว

เรียงจากบนลงล่างตามที่ลูกค้าเห็นบนเว็บ

มีในเทมเพลต
แก้ได้เองใน /admin หรือสั่ง Claude
สั่ง Claude เพิ่มได้
ยังไม่มีในเทมเพลต Claude สร้างให้ได้เลย
Claude + แจ้ง OCI
Claude ทำให้ได้ แต่ OCI ต้องใส่คีย์หรือตั้งค่าให้
  1. 02 · Heroมีในเทมเพลต

    แบนเนอร์หลัก

    ส่วนแรกที่ลูกค้าเห็น บอกให้รู้ใน 3 วินาทีว่าคุณขายอะไร และควรกดอะไรต่อ

    สั่ง Claude

    เปลี่ยนหัวข้อใน Hero หน้าแรกเป็น "..." และใช้รูป my-images/banner.jpg เป็นพื้นหลัง

  2. 03 · Trust barสั่ง Claude เพิ่มได้

    แถบความน่าเชื่อถือ

    ตัวเลขหรือโลโก้ลูกค้าที่ทำให้คนเชื่อใจ เช่น ลูกค้า 500 ราย เปิดมา 10 ปี

    สั่ง Claude

    เพิ่มส่วนแถบความน่าเชื่อถือ (Trust bar) ใต้ Hero หน้าแรก แสดงตัวเลข: เปิดมา 10 ปี, ลูกค้า 500 ราย, ส่งทั่วกรุงเทพ

  3. 04 · Featuresมีในเทมเพลต

    จุดเด่น

    บอกเหตุผลว่าทำไมลูกค้าควรเลือกคุณ เป็นการ์ดเรียงกัน

    สั่ง Claude

    แก้จุดเด่น (Features) หน้าแรกให้เหลือ 3 ข้อ: ทำสดทุกเช้า, สูตร 3 รุ่น, ส่งทั่วกรุงเทพ

  4. 05 · Product listมีในเทมเพลต

    สินค้า/บริการ

    แสดงสินค้าหรือบริการเป็นการ์ด มีรูป ชื่อ คำอธิบาย และราคา

    สั่ง Claude

    เพิ่มสินค้า "ชุดเบรก 50 กล่อง" ราคา 2,500 บาท หมวดจัดเบรก ใช้รูป my-images/break-set.jpg

  5. 06 · About / Storyมีในเทมเพลต

    เรื่องราวของเรา

    เล่าว่าคุณเป็นใคร เริ่มต้นอย่างไร และตั้งใจอะไร ทำให้ลูกค้ารู้สึกใกล้ชิด

    สั่ง Claude

    เขียนหน้าเกี่ยวกับเราใหม่ให้เป็นกันเอง เล่าว่าเริ่มจากสูตรของคุณยายเมื่อปี 2530 ...

  6. 07 · Testimonialsสั่ง Claude เพิ่มได้

    รีวิวลูกค้า

    คำพูดจริงจากลูกค้า ช่วยให้คนใหม่ตัดสินใจง่ายขึ้น

    สั่ง Claude

    เพิ่มส่วนรีวิวลูกค้า (Testimonials) ก่อน CTA หน้าแรก ใส่ 3 รีวิวนี้: ...

  7. 09 · FAQสั่ง Claude เพิ่มได้

    คำถามที่พบบ่อย

    ตอบคำถามที่ลูกค้าถามบ่อย ลดเวลาตอบแชต และช่วยให้ตัดสินใจเร็วขึ้น

    สั่ง Claude

    เพิ่มส่วนคำถามที่พบบ่อย (FAQ) แบบกดเปิดทีละข้อ ในหน้าติดต่อ ใส่คำถามเหล่านี้: ...

  8. 10 · Call to action (CTA)มีในเทมเพลต

    กล่องชวนติดต่อ

    กล่องเด่นที่ชวนลูกค้าทำสิ่งเดียว เช่น ทัก LINE ขอใบเสนอราคา

    สั่ง Claude

    เปลี่ยน CTA ท้ายหน้าแรกเป็น "สั่งเบรกงานประชุม ทัก LINE ได้เลย" ปุ่มลิงก์ไปที่ https://line.me/...

  9. 11 · Contactสั่ง Claude เพิ่มได้

    ช่องทางติดต่อ

    บอกวิธีติดต่อและที่ตั้ง: โทร LINE อีเมล แผนที่ เวลาทำการ

    สั่ง Claude

    ในหน้าติดต่อ เพิ่มแผนที่ Google Maps ของร้าน และปุ่มโทร ปุ่ม LINE ที่กดได้บนมือถือ

สั่ง AI ให้ตรงจุด

บอก 3 อย่าง: ส่วนไหน · หน้าไหน · อยากให้เปลี่ยนเป็นอะไร

  • Heroเปลี่ยนหัวข้อใน Hero หน้าแรกให้สั้นลง และใช้รูปร้านเป็นพื้นหลัง
  • Featuresจุดเด่นหน้าแรกให้เหลือ 3 การ์ด และใช้ไอคอนเดียวกันทุกใบ
  • FAQเพิ่ม FAQ แบบกดเปิดในหน้าสินค้า 5 ข้อ จากคำถามที่ลูกค้าถามบ่อย

ส่วนที่ยังไม่มีในเทมเพลต Claude สร้างให้ได้ ระบบฐานข้อมูลอัปเดตเองตอนขึ้นเว็บ ส่วนที่ต้องใช้คีย์ลับ (เช่น ฟอร์มส่งอีเมล) ให้แจ้ง OCI และห้ามส่งรหัสผ่านหรือคีย์ในแชต