ติดตั้งแชทบอทลงเว็บ

แชทบอทที่ตอบลูกค้าจากเนื้อหาเว็บไซต์ของคุณเอง — แปะโค้ดบรรทัดเดียว หรือเชื่อมผ่าน API เข้ากับกล่องแชทที่มีอยู่แล้ว

ติดตั้งแบบคลิกเดียว

คัดลอกโค้ดนี้ไปวางก่อนแท็ก </body> ในเว็บของคุณ — ปุ่มแชทจะขึ้นมุมขวาล่างทันที ไม่ต้องแก้โค้ดส่วนอื่น

<script src="https://clicknexttest.biz/widget.js" data-key="wgt-XXXXXXXX" async></script>

อยากให้ขึ้นทุกหน้า? วางโค้ดนี้ในเทมเพลตส่วนกลาง / ส่วนท้าย (footer) ของเว็บ ที่เดียว → ขึ้นทุกหน้าอัตโนมัติ

วางตรงไหนของแต่ละแพลตฟอร์ม

WordPressธีม footer.php หรือปลั๊กอิน Insert Headers and Footers

Shopifytheme.liquid ก่อน </body>

Wix / WebflowCustom Code / Embed (Body – End)

Google Tag ManagerTag แบบ Custom HTML (ไม่ต้องแตะโค้ดเว็บ)

มีกล่องแชทเองแล้ว — เชื่อมผ่าน API

ถ้าคุณมีหน้าต่างแชท/ดีไซน์เองอยู่แล้ว ให้กล่องแชทเรียก API นี้ แล้วนำ answer ไปแสดงในดีไซน์ของคุณเอง

async function askBot(message) {
  const r = await fetch("https://clicknexttest.biz/api/widget/chat", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      key: "wgt-XXXXXXXX",   // คีย์ของคุณ
      message: message,
      session: mySessionId,     // (ไม่บังคับ) คุยต่อเนื่อง — ใช้ค่าที่ API คืนมา
      history: last6Turns       // (ไม่บังคับ) [{r:"user"|"bot", t:"..."}]
    })
  });
  const d = await r.json();
  return d.answer;   // d.sources = อ้างอิง · d.session = session id
}

คำตอบเป็น JSON: { ok, answer, sources, session } — บอท/ความรู้ตัวเดียวกับวิธีคลิกเดียว แค่เปลี่ยนหน้าตา UI

คีย์ & ความปลอดภัย

1รับคีย์คุณจะได้คีย์ขึ้นต้น wgt- จากทีม ClickNext ใส่ในโค้ดด้านบน

2คีย์เป็น publicอยู่ในหน้าเว็บได้ (ใครดู source ก็เห็น) — ปกติและปลอดภัย

3ล็อกโดเมนคีย์ทำงานเฉพาะบนโดเมนของคุณที่ลงทะเบียนไว้ ก๊อปไปใช้เว็บอื่นถูกปฏิเสธ

แจ้งโดเมนเว็บของคุณ (เช่น acme.com) ให้ทีม ClickNext ใส่ใน “โดเมนที่อนุญาต” เพื่อล็อกคีย์ให้ทำงานเฉพาะเว็บคุณ

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

เปลี่ยนหน้าแล้วแชทหายไหม

ไม่หาย — บทสนทนาต่อเนื่องเมื่อคลิกไปหน้าอื่นในแท็บเดิม

บอทเอาข้อมูลจากไหนมาตอบ

จากเนื้อหาเว็บไซต์ของคุณที่ระบบดึงมา + ข้อมูลที่ทีมเพิ่มให้ (FAQ/โปรโมชัน)

ตอบเรื่องที่เว็บไม่มีได้ไหม

แจ้งทีม ClickNext เพิ่มความรู้ (คำถาม–คำตอบ) ให้บอทได้ตลอด

กระทบความเร็วเว็บไหม

ไม่ — สคริปต์โหลดแบบ async แยกกล่อง ไม่ชนดีไซน์เว็บ

เว็บอัปเดตเนื้อหา บอทรู้ไหม

ทีมสั่ง “ดึงเว็บใหม่” เพื่ออัปเดตความรู้ของบอทได้