1CS Help Center ไปที่ 1cs.ai

Channels · 6 min

เชื่อมต่อ Website inbox

สร้าง live chat widget สำหรับเว็บไซต์ ปรับหน้าตาปุ่มแชตให้ตรงแบรนด์ แล้วติดตั้งด้วยปลั๊กอิน WordPress, Google Tag Manager หรือโค้ด

ตรวจสอบกับระบบจริงล่าสุด

กลับหน้า Help Center
เพิ่มกล่องข้อความ 1 Channel เลือกช่องทาง 2 Inbox ตั้งค่า widget 3 Agents เพิ่มพนักงาน 4 Finish ติดตั้ง widget ช่องเว็บไซต์ ชื่อเว็บไซต์ * Website Support โดเมนเว็บไซต์ * example.com สีของวิดเจ็ต #6C32FF ข้อความยินดีต้อนรับส่วนหัว มีอะไรให้ช่วยไหม? ติดตั้งได้ 3 วิธี: ปลั๊กอิน WordPress · Google Tag Manager · คัดลอกโค้ด สร้างช่องทาง →

Website inbox คือช่องทาง live chat ที่สร้างใน 1CS เพื่อรับข้อความลูกค้าจากเว็บไซต์โดยตรง ไปที่ ตั้งค่า > กล่องข้อความ (Settings > Inboxes) กดเพิ่มกล่องข้อความ เลือก Website กรอกข้อมูล widget แล้วเพิ่มทีมที่รับผิดชอบ จากนั้นติดตั้งได้ 3 วิธี คือ ปลั๊กอิน WordPress, template ของ Google Tag Manager หรือคัดลอกโค้ดไปวางก่อนปิดแท็ก body ส่วนหน้าตาปุ่มแชต (Widget button) ปรับได้ที่แท็บ "เครื่องมือสร้าง Widget" ของ inbox

เข้าไปที่เมนูสร้าง inbox

Log in เข้า 1CS แล้วไปที่ ตั้งค่า > กล่องข้อความ แล้วกด "เพิ่มกล่องข้อความ" (Settings > Inboxes > Add Inbox) จากนั้นเลือก Website ถ้าหน้าเลือกช่องทางยังไม่เปิด ให้กดปุ่มเพิ่มกล่องข้อความจากหน้ารายชื่อ inbox ก่อน

  • ลิงก์เข้า 1CS: https://chat.1cs.ai/app/login
  • ในแอปใช้ปุ่ม “เปิดหน้าเพิ่มกล่องข้อความ” เพื่อไปที่หน้าเลือกช่องทาง
  • เลือก Website เพื่อสร้าง live chat widget สำหรับเว็บไซต์

กรอกข้อมูล widget

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

  • โดเมนเว็บไซต์ (Website Domain): ใส่โดเมนที่จะติดตั้ง widget เช่น example.com
  • สีของวิดเจ็ต (Widget color): เลือกสีหลักของแบรนด์
  • ข้อความยินดีต้อนรับส่วนหัว/ส่วนล่าง (Welcome heading/tagline): ข้อความทักทายที่ลูกค้าเห็นตอนเปิดแชต

เพิ่มทีมที่รับผิดชอบ

หลังสร้าง Website inbox ระบบจะพาไปหน้า "พนักงาน" (Add agents) ให้เลือกทีมที่ต้องเห็น conversation จากเว็บไซต์และรับ assignment ได้

ปรับหน้าตาปุ่มแชต (Widget button)

เปิด ตั้งค่า > กล่องข้อความ > inbox เว็บไซต์ > แท็บ "เครื่องมือสร้าง Widget" ในหัวข้อ Widget button เลือก Launcher style ปรับสี ตำแหน่ง (ซ้ายหรือขวา) ชื่อผู้ช่วย และคำอธิบายสั้นๆ ดูพรีวิวมือถือและเดสก์ท็อปได้ทันที แล้วกด "Save brand kit" (หัวข้อนี้แสดงเป็นภาษาอังกฤษ)

  • Profile badge: ไอคอนแชตพร้อมชื่อผู้ช่วย ปรับขนาดตามหน้าจออัตโนมัติ
  • Text bubble: ปุ่มข้อความที่เห็นชัดพร้อมคำเชิญชวน (ตั้งข้อความได้ที่ Button label)
  • inbox เดิมจะยังใช้ปุ่มแบบเดิมจนกว่าคุณจะเลือกแบบใหม่และกดบันทึก

ติดตั้ง widget บนเว็บไซต์

ในหัวข้อ "Download & install widget" เลือกวิธีที่เหมาะกับเว็บของคุณ หน้าตาของ widget ตั้งใน 1CS ที่เดียว จึงเหมือนกันทุกเว็บที่ใช้ inbox เดียวกัน

  • WordPress plugin: ดาวน์โหลดไฟล์ zip แล้วอัปโหลดที่ Plugins > Add New > Upload Plugin เปิดใช้งาน แล้วไปที่ Settings > 1CS Live Chat เพื่อวาง Website Token ของ inbox นี้
  • Google Tag Manager template: นำเข้า template สร้างแท็ก "1CS Live Chat" แล้ววาง Website Token
  • Install with code: คัดลอกโค้ดไปวางก่อนแท็กปิด body ของทุกหน้าที่ต้องการแสดง widget (เหมาะกับเว็บอื่นๆ)

ทดสอบ

เปิดหน้าเว็บจริง ส่งข้อความทดสอบ แล้วตรวจว่าข้อความเข้า inbox และทีมตอบกลับได้ ถ้า widget ไม่ขึ้น ให้ตรวจว่า Website Token หรือโค้ดที่วางเป็นของ inbox ที่ถูกต้อง

Checklist

  1. เลือก Website channel
  2. กรอกชื่อ โดเมนเว็บไซต์ และสีของวิดเจ็ต
  3. ตั้งข้อความยินดีต้อนรับ
  4. เพิ่ม agent ที่รับผิดชอบ
  5. เลือก Launcher style แล้วกด Save brand kit
  6. ติดตั้งผ่าน WordPress plugin, Google Tag Manager หรือโค้ด
  7. ทดสอบส่งข้อความจากเว็บจริง

Links

Log in เข้า 1CS