ปรับสไตล์วิดเจ็ตแชทบอท

ตั้งค่าอย่างรวดเร็ว

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

คู่มือนี้ช่วยให้คุณเปลี่ยนรูปภาพ สี ข้อความ และพฤติกรรมการเปิดอัตโนมัติของวิดเจ็ตแชทบอท

ไปที่: Communication Hub → Chatbot → Widget Style

---

ข้อมูลอ้างอิงด่วน

งาน	คลิกที่ไหน	ผลลัพธ์
ดูตัวอย่างวิดเจ็ต	Getting Started / Conversation	ดูว่าผู้เข้าพักจะเห็นแต่ละเลย์เอาต์อย่างไร
แก้ไขไอคอนตัวเปิด	Images & Branding	เปลี่ยนปุ่มลอยที่ผู้เข้าพักคลิก
แก้ไขอวาตาร์บอท	Images & Branding	เปลี่ยนรูปภาพภายในแชท
ปรับพฤติกรรมการเปิดอัตโนมัติ	Launcher (Chat Button)	ควบคุมเวลาที่วิดเจ็ตเปิดบนเดสก์ท็อปและมือถือ
แก้ไขสีส่วนหัวและข้อความ	Header, Bubbles, Input	ปรับให้เข้ากับสไตล์แบรนด์ของคุณ
แก้ไขข้อความต้อนรับและลิงก์นโยบาย	Welcome Screen	ควบคุมหน้าจอแรกที่ผู้เข้าพักเห็น
บันทึกหรือยกเลิกการเปลี่ยนแปลง	แถบลอยด้านล่างหน้า	ใช้หรือย้อนกลับการแก้ไขปัจจุบัน

สิทธิ์ตามแพ็กเกจ

• การปรับสไตล์วิดเจ็ตต้องใช้แพ็กเกจแบบชำระเงิน
• Widget Style ต้องใช้สิทธิ์ chatbot_setup:manage
• หากไม่มีสิทธิ์นี้ AVA จะซ่อนหน้าและบล็อกลิงก์โดยตรง
• บัญชีแพ็กเกจฟรีจะเห็นข้อความให้อัปเกรดและไม่สามารถบันทึกสไตล์ได้

หากต้องการอัปเกรด ให้ไปที่ Settings → Billing & Subscription

อัปเดตสไตล์วิดเจ็ต

1. ไปที่ Communication Hub → Chatbot → Widget Style

2. ใช้ปุ่มโหมดตัวอย่าง:

   • Getting Started
   • Conversation

   ✓ ตัวอย่างจะอัปเดตให้ตรงกับโหมดที่เลือก

3. เปิด Images & Branding เพื่ออัปเดตองค์ประกอบภาพ

4. ใช้ Launcher Icon สำหรับรูปภาพปุ่มลอย

5. ใช้ Bot Avatar สำหรับรูปภาพภายในแชท

   ✓ รูปภาพเหล่านี้ทำหน้าที่คนละส่วนกันในวิดเจ็ต

6. เปิด Launcher (Chat Button) เพื่อปรับพฤติกรรมการเปิดอัตโนมัติ

7. เลือกการตั้งค่าสำหรับ Desktop และ Mobile

8. หากเลือก Enable with delay ให้เลือกเวลาหน่วงเป็นวินาที

   ✓ วิดเจ็ตจะใช้พฤติกรรมการเปิดที่เลือกสำหรับอุปกรณ์แต่ละประเภท

9. เปิด Header, Bubbles, Input และ Welcome Screen เพื่ออัปเดตข้อความและสี

10. เปิดส่วน Terms & policies ใน Welcome Screen

11. เปิด Privacy Policy หรือ Terms Of Service ตามต้องการ

12. ป้อน URL หรืออัปโหลดไฟล์ .pdf หรือ .md

✓ ไฟล์ที่อัปโหลดจะเติม URL ของนโยบายให้อัตโนมัติ

13. คลิก Save chatbot style settings ในแถบลอย

✓ ปุ่มนี้จะแสดงหลังจากคุณทำการเปลี่ยนแปลง

ตรวจสอบสิทธิ์ของคุณ

คุณต้องมี chatbot_setup:manage เพื่อดูหรือแก้ไข Widget Style

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

แก้ไขปัญหาการเข้าถึง

สิ่งที่เห็น: ไม่มี Widget Style หรือลิงก์โดยตรงเปิดไม่ขึ้น

วิธีแก้:

1. ขอให้ผู้ดูแลระบบเปิด Superadmin → Permissions → Roles

2. ตรวจสอบว่าบทบาทของคุณมี chatbot_setup:manage

3. ออกจากระบบแล้วเข้าสู่ระบบอีกครั้งหลังเปลี่ยนบทบาท

4. เปิด Communication Hub → Chatbot → Widget Style

   ✓ หน้าเว็บและลิงก์ในแถบด้านข้างจะแสดงเมื่อบทบาทของคุณมีสิทธิ์เข้าถึง

ทำความเข้าใจรูปภาพ

ใช้รูปภาพให้ถูกต้องกับตำแหน่งที่เหมาะสม

รูปภาพ	แสดงที่ไหน	มีผลต่ออะไร
Launcher Icon	ปุ่มลอยนอกแชท	ปุ่มที่ผู้เข้าพักคลิกเพื่อเปิดแชท
Bot Avatar	ส่วนหัว ข้อความของบอท และหน้าจอต้อนรับ	ใบหน้าที่ผู้เข้าพักเห็นภายในบทสนทนา

ต้องการอวาตาร์ตัวเปิดแบบเดิมใช่ไหม?

หากคุณบันทึกสไตล์วิดเจ็ตแบบเก่าไว้ การบันทึกครั้งแรกจะย้ายรูปภาพนั้นไปยัง Bot Avatar ให้อัตโนมัติ

จัดการนโยบาย

1. เปิด Welcome Screen

2. เปิดส่วน Terms & policies

3. ให้ Vouch Policy อยู่ในสถานะเปิด

4. เปิด Privacy Policy หรือ Terms Of Service เมื่อต้องการ

5. เพิ่มป้ายชื่อและ URL หรืออัปโหลดไฟล์ .pdf หรือ .md

6. คลิก Save chatbot style settings

   ✓ ตัวอย่างจะแสดงลิงก์ที่เปิดใช้งานบนหน้าจอต้อนรับ

เก็บการเปลี่ยนแปลงหรือย้อนกลับ

หน้านี้ใช้แถบการทำงานลอยอยู่ด้านล่าง

• คลิก Save chatbot style settings เพื่อเก็บการแก้ไข
• คลิก Discard changes เพื่อกลับไปยังเวอร์ชันที่บันทึกล่าสุด

สิ่งที่คุณจะเห็น

แถบลอยจะแสดงหลังจากคุณเปลี่ยนฟิลด์ใดฟิลด์หนึ่งเท่านั้น

เคล็ดลับ

• ใช้คอนทราสต์ของข้อความให้สูงเพื่อให้อ่านง่าย
• ตรวจสอบตัวอย่างทั้งสองโหมดก่อนบันทึก
• ตั้งชื่อนโยบายให้สั้นเพื่อให้ลิงก์พอดีกับหน้าจอมือถือ
• ใช้สีให้สอดคล้องกับเว็บไซต์และอีเมลสำหรับผู้เข้าพักของคุณ
• ไม่สามารถแก้ไขสไตล์ปุ่มแนบไฟล์ในหน้านี้ได้

การแก้ไขปัญหา

ตัวอย่างไม่อัปเดต

สิ่งที่เห็น: ตัวอย่างยังเหมือนเดิมหลังแก้ไข

วิธีแก้:

1. สลับระหว่าง Getting Started และ Conversation
2. รีเฟรชหน้า
3. ลองเปลี่ยนอีกครั้ง

บันทึกไม่สำเร็จหรือย้อนกลับ

สิ่งที่เห็น: สไตล์ไม่คงอยู่หลังบันทึก

วิธีแก้:

1. คลิก Save chatbot style settings อีกครั้ง
2. รอข้อความแจ้งว่าสำเร็จ
3. ยืนยันว่าแพ็กเกจของคุณรองรับการปรับสไตล์วิดเจ็ต

แสดงรูปภาพผิด

สิ่งที่เห็น: ปุ่มลอยเปลี่ยน แต่รูปอวาตาร์ในแชทไม่เปลี่ยน

วิธีแก้:

1. เปิด Images & Branding
2. แก้ Launcher Icon สำหรับปุ่มลอย
3. แก้ Bot Avatar สำหรับรูปภาพในแชท
4. บันทึกการเปลี่ยนแปลง

การอัปโหลดแจ้งว่ากำลังใช้งาน

สิ่งที่เห็น: การอัปโหลดรูปภาพหรือนโยบายล้มเหลวพร้อมข้อความแจ้งว่ากำลังใช้งาน

วิธีแก้:

1. รอ 10 วินาที
2. ลองอัปโหลดอีกครั้ง
3. หากมีพนักงานหลายคนกำลังอัปโหลดพร้อมกัน ให้เหลื่อมเวลาการอัปโหลด
4. หากยังเกิดปัญหา ให้ติดต่อฝ่ายสนับสนุน

การอัปโหลดนโยบายล้มเหลว

สิ่งที่เห็น: การอัปโหลดแสดงข้อผิดพลาดใต้ฟิลด์นโยบาย

วิธีแก้:

1. ใช้เฉพาะไฟล์ .pdf หรือ .md
2. ตรวจสอบให้ไฟล์มีขนาดเล็กพอสำหรับการอัปโหลด
3. หากระบบแจ้งว่ากำลังใช้งาน ให้รอ 10 วินาทีแล้วลองอีกครั้ง
4. ลองอัปโหลดใหม่ แล้วคลิก Save chatbot style settings

ลิงก์นโยบายไม่แสดง

สิ่งที่เห็น: ไม่มี Privacy Policy หรือ Terms Of Service ในตัวอย่าง

วิธีแก้:

1. เปิด Welcome Screen
2. เปิดสวิตช์นโยบาย
3. เพิ่ม URL ที่ถูกต้อง
4. บันทึกการตั้งค่าอีกครั้ง

ยกเลิกแล้วหน้าไม่กลับเป็นเหมือนเดิม

สิ่งที่เห็น: หน้ายังแสดงการแก้ไขที่ยังไม่บันทึกหลังจากคลิก Discard changes

วิธีแก้:

1. รอให้ตัวควบคุมรีเฟรช
2. ลอง Discard changes อีกครั้ง
3. รีเฟรชหน้าหากจำเป็น

ยังติดอยู่ใช่ไหม?

ติดต่อ success@vouch-technologies.com หาก:

• ❌ บันทึกสไตล์ไม่ได้หลังจากลองหลายครั้ง
• ❌ ตัวอย่างไม่รีเฟรชหลังบันทึก
• ❌ ปัญหาดำเนินอยู่นานกว่า 30 นาที

ข้อมูลที่ควรแนบ:

• ภาพหน้าจอของหน้า Widget Style
• การเปลี่ยนสไตล์ที่คุณพยายามทำ
• เวลาที่เริ่มพบปัญหา

คู่มือที่เกี่ยวข้อง

• ตั้งค่าแชทบอทของคุณ
• จัดการเอกสารแชทบอท
• สร้างลิงก์แชทสดสำหรับผู้เข้าพัก