ปรับแต่ง Widget
ปรับแต่ง widget ให้เข้ากับ brand ของคุณ — เปลี่ยนสี, ข้อความ, avatar, และตำแหน่ง
การตั้งค่า
heading.anchorLabelไปที่ Channels → Web → แก้ไข widget settings:
สี (Theme Color)
heading.anchorLabelเลือกสี primary ที่ใช้กับ:
- หัว widget
- ปุ่ม send
- Chat bubble icon
- ข้อความที่ highlight
ข้อความต้อนรับ (Welcome Message)
heading.anchorLabelข้อความแรกที่ลูกค้าเห็นเมื่อเปิด widget:
ตัวอย่างที่ดี:
- “สวัสดีค่ะ! มีอะไรให้ช่วยไหมคะ?”
- “Welcome! Ask me anything about our products.”
- “พิมพ์คำถามได้เลยค่ะ — AI พร้อมตอบ 24 ชั่วโมง”
ตำแหน่ง (Position)
heading.anchorLabel| ตำแหน่ง | เหมาะกับ |
|---|---|
| ขวาล่าง (default) | เว็บไซต์ทั่วไป |
| ซ้ายล่าง | เว็บที่มี element สำคัญอยู่ขวาล่าง |
Avatar
heading.anchorLabelอัปโหลดรูปเป็น avatar ของ bot — แนะนำขนาด 64x64 px
ดูตัวอย่าง (Preview)
heading.anchorLabelหลังปรับการตั้งค่า ดู preview ในหน้า Channels ก่อน save — เห็นผลลัพธ์ทันทีไม่ต้อง deploy
เคล็ดลับ
heading.anchorLabel- สี widget ควรตัดกับ background เว็บ — ลูกค้าเห็นชัด
- ข้อความต้อนรับไม่ควรยาวเกิน 2 บรรทัด
- ถ้ามีหลายเว็บไซต์ สร้าง channel แยก + ปรับ branding ให้เข้ากับแต่ละเว็บ