คู่มือ
การปรับแต่งวิดเจ็ต
ปรับวิดเจ็ตแชทให้เข้ากับแบรนด์ของคุณ ปรับแต่งสี โลโก้ ข้อความ และการทำงานได้จากแดชบอร์ด โดยไม่ต้องแก้ไขโค้ด
วิธีปรับแต่ง
- 01
เปิดช่องทาง
คลิก "ช่องทาง" ในแถบด้านข้าง คุณต้องเป็นเจ้าของหรือผู้ดูแลระบบจึงจะเปลี่ยนการตั้งค่าช่องทางได้
- 02
เลือกช่องทางเว็บไซต์ของคุณ
คลิกช่องทางของเว็บไซต์คุณ แล้วเปิดแท็บ "แชทสด" ตัวเลือกการปรับแต่งวิดเจ็ตทั้งหมดอยู่ที่นี่
- 03
อัปเดตการตั้งค่า
เปลี่ยนการตั้งค่าแบรนด์ ข้อความ หรือการทำงานตามต้องการ ตรวจดู ตัวอย่าง แล้วเลือก บันทึกการเปลี่ยนแปลง
- 04
การเปลี่ยนแปลงมีผลทันที
วิดเจ็ตจะดึงการกำหนดค่าทุกครั้งที่โหลดหน้าเว็บ การเปลี่ยนแปลงของคุณจึงแสดงผลในครั้งถัดไปที่ผู้เยี่ยมชมโหลดเว็บไซต์ของคุณ
แบรนด์
การตั้งค่าด้านภาพที่กำหนดหน้าตาของวิดเจ็ตบนเว็บไซต์ของคุณ ปุ่มเปิดแชทใช้ได้หนึ่งในสองรูปแบบ:
- โลโก้
- ไอคอน
| การตั้งค่า | คำอธิบาย | ค่าเริ่มต้น |
|---|---|---|
| รูปแบบปุ่มเปิดแชท | เลือก โลโก้ เพื่อใช้รูปภาพของคุณเอง หรือเลือก ไอคอน เพื่อใช้ไอคอนปุ่มเปิดแชทที่ Sonny มีให้ | ไอคอน |
| โลโก้วิดเจ็ต | แสดงเมื่อรูปแบบปุ่มเปิดแชทเป็น โลโก้ อัปโหลดรูปภาพ JPEG, PNG, GIF หรือ WebP ขนาดไม่เกิน 2MB และอย่างน้อย 64x64px | ไม่มีโลโก้ที่กำหนดเอง |
| เลือกไอคอน | แสดงเมื่อรูปแบบปุ่มเปิดแชทเป็น ไอคอน เลือกไอคอนสำเร็จรูปที่จะใช้กับปุ่มเปิดแชท | ฟองแชท |
| สีไอคอน | กำหนดสีของไอคอนปุ่มเปิดแชทที่เลือกด้วยตัวเลือกสีหรือรหัสสี hex 6 หลัก | #ffffff |
| สีแบรนด์ | ใช้กับปุ่มเปิดแชท ส่วนหัวของแชท ปุ่มส่ง และกรอบข้อความขาออก | #2563eb |
| ตำแหน่งวิดเจ็ต | เลือกให้วิดเจ็ตแสดงที่มุมขวาล่างหรือมุมซ้ายล่างของหน้าเว็บ | มุมขวาล่าง |
ข้อความ
ปรับแต่งข้อความที่ผู้เยี่ยมชมเห็นเมื่อใช้งานวิดเจ็ต
- หัวข้อคำทักทาย
- หัวข้อตัวหนาที่ด้านบนของหน้าแรกในวิดเจ็ต เว้นว่างไว้เพื่อใช้ค่าเริ่มต้น ซึ่งผู้เยี่ยมชมแต่ละคนจะเห็นเป็นภาษาของตนเอง
- ค่าเริ่มต้น: "สวัสดี 👋" · สูงสุด 60 ตัวอักษร
- ข้อความทักทาย
- ข้อความที่แสดงด้านบนของหน้าต่างแชทเมื่อผู้เยี่ยมชมเปิดวิดเจ็ต ใช้ข้อความนี้กำหนดบรรยากาศของบทสนทนา
- ค่าเริ่มต้น: "สวัสดี! มีอะไรให้เราช่วยไหม?" · สูงสุด 500 ตัวอักษร
- ข้อความเมื่อออนไลน์
- ข้อความสถานะที่แสดงในส่วนหัวของแชทเมื่อมีเจ้าหน้าที่ออนไลน์อย่างน้อยหนึ่งคน แสดงคู่กับจุดสีเขียว
- ค่าเริ่มต้น: "โดยปกติเราตอบกลับภายในไม่กี่นาที" · สูงสุด 500 ตัวอักษร
- ข้อความเมื่อออฟไลน์
- ข้อความสถานะที่แสดงในส่วนหัวของแชทเมื่อไม่มีเจ้าหน้าที่ออนไลน์ แสดงคู่กับจุดสีเทา
- ค่าเริ่มต้น: "ขณะนี้เราไม่อยู่ ฝากข้อความไว้แล้วเราจะติดต่อกลับ" · สูงสุด 500 ตัวอักษร
การทำงาน
การตั้งค่าที่กำหนดว่าวิดเจ็ตทำงานอย่างไรสำหรับผู้เยี่ยมชม
- การขออีเมล
- กำหนดว่าจะขอชื่อและอีเมลจากผู้เยี่ยมชมเมื่อใด เลือก "ก่อนข้อความแรก" เพื่อบังคับให้กรอกข้อมูลติดต่อก่อน หรือ "หลังข้อความแรก" (ค่าเริ่มต้น) เพื่อให้ผู้เยี่ยมชมเริ่มแชทได้ทันทีแล้วค่อยเก็บข้อมูลภายหลัง
- แบบสอบถามก่อนแชท
- ขอข้อมูลจากผู้เยี่ยมชมก่อนเริ่มแชท เปิดใช้งาน แล้วใช้ ฟิลด์ที่ต้องกรอก เพื่อเลือกชื่อ อีเมล หรือทั้งสองอย่าง ต้องเลือกไว้อย่างน้อยหนึ่งฟิลด์
- เวลาทำการ
- กำหนดเวลาเปิดทำการของแต่ละวันในสัปดาห์ วิดเจ็ตจะแสดงสถานะออนไลน์เฉพาะเมื่อมีเจ้าหน้าที่พร้อมให้บริการในช่วงเวลาดังกล่าว นอกเวลานั้น ผู้เยี่ยมชมจะเห็นข้อความเมื่อออฟไลน์ของคุณ และการตอบกลับอัตโนมัติด้วย AI จะเข้ามาช่วยได้หากคุณเปิดใช้
- ตำแหน่งที่วิดเจ็ตแสดง
- แสดงวิดเจ็ตเฉพาะหน้าที่เลือก ซ่อนในหน้าอื่น หรือแสดงเฉพาะเมื่อตรงตามเงื่อนไข เช่น กลุ่มผู้เยี่ยมชม พารามิเตอร์ใน URL ช่วงวันที่ หรือเวลาที่อยู่บนหน้า ตั้งค่ากฎการแสดงผล
- โดเมนสำหรับพัฒนาที่อนุญาต
- โดยค่าเริ่มต้น วิดเจ็ตจะโหลดเฉพาะบนโดเมนจริงที่คุณลงทะเบียนไว้ เพิ่มโดเมนอื่น (เช่น
localhost:3000หรือstaging.example.com) เพื่อทดสอบวิดเจ็ตระหว่างการพัฒนาlocalhostได้รับอนุญาตโดยอัตโนมัติเสมอ - ซ่อน “Powered by Sonny”
- นำแบรนด์ Sonny ออกจากวิดเจ็ต ฟีเจอร์นี้รวมอยู่ในดีลตลอดชีพของ AppSumo, แพ็กเกจ AI ใดก็ได้ หรือการปลดล็อก BYOK เมื่อเปิดไวท์เลเบล ส่วนท้ายจะแสดงแบรนด์ของคุณเองแทน โดยลิงก์ไปยัง URL ฝ่ายสนับสนุนของคุณ และสวิตช์นี้จะซ่อนส่วนนั้น
- แสดงเครื่องหมายถูกการส่งให้ผู้เยี่ยมชมเห็น
- แสดงเครื่องหมายถูกใต้ข้อความของผู้เยี่ยมชมหลังจาก Sonny ได้รับข้อความแล้ว เครื่องหมายถูกไม่ได้หมายความว่าเจ้าหน้าที่อ่านข้อความแล้ว
ข้อมูลที่ต้องกรอกและการยืนยันตัวตน
ข้อมูลก่อนแชทและการยืนยันตัวตนผู้เยี่ยมชมแก้ปัญหาคนละแบบ การบังคับกรอกอีเมลหมายความว่าทุกบทสนทนาใหม่ต้องมีตัวตนจากอีเมล ตัวตนที่ลงนามอย่างถูกต้องใช้ได้ และเมื่ออนุญาตให้ระบุตัวตนด้วยอีเมลผ่านเบราว์เซอร์ อีเมลที่ผู้เยี่ยมชมกรอกก็ใช้ได้เช่นกัน ชื่อที่บันทึกไว้หรือแบบสอบถามที่กรอกแล้วไม่นับเป็นตัวตนจากอีเมล Sonny จึงถามอีกครั้งแทนการเปิดบทสนทนาที่ไม่ระบุตัวตน
เมื่อการยืนยันตัวตนตั้งเป็น ปิด หรือ ไม่บังคับ อีเมลที่ผู้เยี่ยมชมกรอกจะสร้างผู้ติดต่อที่ยังไม่ยืนยัน และไม่ปลดล็อกประวัติข้ามอุปกรณ์ เมื่อตั้งเป็น ต้องมีหลักฐานเพื่อระบุตัวตน ระบบจะไม่ยอมรับอีเมลที่กรอกผ่านเบราว์เซอร์เป็นตัวตน จึงต้องใช้ JWT ที่ลงนามแล้วเมื่ออีเมลเป็นฟิลด์ที่ต้องกรอกก่อนแชท
ติดตั้งและจัดการวิดเจ็ต
ใช้ โค้ดสำหรับติดตั้ง เพื่อคัดลอกโค้ดไปใส่ในเว็บไซต์ของคุณ ตัวอย่าง แบบสดจะแสดงหน้าตาของการตั้งค่าด้านภาพที่บันทึกไว้ หากไม่ต้องการช่องทางนี้แล้ว ให้เลือก ยกเลิกการเชื่อมต่อเว็บไซต์ และยืนยันการดำเนินการ
คู่มือการตั้งค่าวิดเจ็ตเอกสารที่เกี่ยวข้อง
- ตั้งค่าวิดเจ็ต
ติดตั้งวิดเจ็ตแชทสดของ Sonny บนเว็บไซต์ของคุณด้วยแท็ก script เพียงแท็กเดียว
- การระบุตัวตนผู้เยี่ยมชม
ระบุตัวตนผู้ใช้ที่เข้าสู่ระบบ และส่งแอตทริบิวต์ที่กำหนดเองจากเว็บไซต์ของคุณ
- ช่องทาง
สร้างและจัดการช่องทางที่ลูกค้าใช้ติดต่อคุณผ่านแชทสดและอีเมล
- ผู้เยี่ยมชมขณะนี้
ดูว่าใครกำลังเข้าชมเว็บไซต์ของคุณอยู่ และเริ่มบทสนทนาในจังหวะที่เหมาะสม