ข้ามไปยังเนื้อหาหลัก

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

ตั้งค่าแบบเร็ว

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

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

ไปที่: Chatbot → Widget Settings

อ้างอิงแบบย่อ​

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

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

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

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

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

  1. ไปที่ Chatbot → Widget Settings

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

    • Getting Started
    • Conversation

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

  3. เปิด Images & Branding เพื่ออัปเดต asset ภาพ

  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 ของนโยบายให้อัตโนมัติ

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

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

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

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

รูปภาพแสดงที่ไหนส่งผลอะไร
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. บันทึกการเปลี่ยนแปลง

อัปโหลดที่กำลังใช้งานอยู่​

สิ่งที่เห็น: การอัปโหลดรูปหรือ policy ล้มเหลวพร้อมข้อความ busy

วิธีแก้:

  1. รอ 10 วินาที
  2. ลองอัปโหลดอีกครั้ง
  3. ถ้ามีพนักงานหลายคนอัปโหลดพร้อมกัน ให้สลับเวลาการอัปโหลด
  4. หากยังเกิดอยู่ ให้ติดต่อซัพพอร์ต

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

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

วิธีแก้:

  1. ใช้เฉพาะไฟล์ .pdf หรือ .md
  2. ทำให้ไฟล์มีขนาดเล็กพอสำหรับอัปโหลด
  3. หากระบบแจ้ง busy ให้รอ 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 Settings
  • การเปลี่ยนสไตล์ที่คุณพยายามทำ
  • เวลาเริ่มเกิดปัญหา