แชทหน้าเว็บคือหน้าต่างแชทที่ติดอยู่บนเว็บไซต์ของร้าน ลูกค้าพิมพ์หาร้านได้ทันทีโดยไม่ต้องมีบัญชี LINE หรือ Facebook ข้อความทั้งหมดเข้ามาที่หน้าแชทของ Easyrobin เช่นเดียวกับช่องทางอื่น
สิ่งที่ควรรู้ก่อนเชื่อมต่อ
- คนที่เชื่อมต่อต้องเป็น เจ้าของธุรกิจ หรือ ผู้จัดการ
- ลิงก์เว็บไซต์ต้องขึ้นต้นด้วย
https://ใส่ได้ไม่เกิน 20 เว็บไซต์ และหน้าต่างแชทจะขึ้นเฉพาะเว็บไซต์ที่ใส่ไว้ - ใส่แค่ชื่อเว็บไซต์ก็พอ ทุกหน้าใต้เว็บไซต์เดียวกันนับเป็น 1 เว็บไซต์ เช่น
https://shop.example.comรวมhttps://shop.example.com/aboutไปด้วย - คุณต้องวางโค้ดติดตั้งบนเว็บไซต์เองได้ หรือส่งโค้ดให้คนที่ดูแลเว็บไซต์ของร้าน
ขั้นตอนเชื่อมต่อแชทหน้าเว็บ
ขั้นตอนที่ 1 ไปที่ การตั้งค่า ⇒ เลือกเมนู ช่องทางแชท ⇒ คลิก เชื่อมต่อช่องทาง ⇒ คลิก เชื่อมต่อ ที่แถว แชทหน้าเว็บ
ขั้นตอนที่ 2 กรอก ชื่อช่องทาง (ชื่อที่ใช้เรียกช่องทางนี้ใน Easyrobin) และ เว็บไซต์ ที่จะให้แชทขึ้น มีหลายเว็บไซต์ให้คลิก เพิ่มเว็บไซต์ จากนั้นคลิก เชื่อมต่อ
ขั้นตอนที่ 3 หน้า ตั้งค่าแชทหน้าเว็บ จะเปิดขึ้นมา ปรับ หน้าตา และ ปุ่มแชท ได้ตามต้องการ แล้วคลิก บันทึก หน้าเว็บที่ลูกค้าเปิดอยู่จะเปลี่ยนตามภายใน 1 นาที ส่วน ข้อความต้อนรับ แก้ได้ที่แชทบอท โดยคลิก ไปแก้ไขที่แชทบอท
ขั้นตอนที่ 4 ที่หัวข้อ โค้ดติดตั้ง คลิก คัดลอก แล้ววางโค้ดก่อนแท็กปิด </body> ในทุกหน้าของเว็บไซต์
ขั้นตอนที่ 5 เปิดเว็บไซต์ของร้าน ปุ่มแชทจะอยู่ตรงตำแหน่งที่ตั้งไว้ ลองพิมพ์ข้อความ แล้วดูว่าข้อความเข้ามาที่หน้าแชทของ Easyrobin
แก้การตั้งค่าภายหลัง
ไปที่ การตั้งค่า ⇒ เลือกเมนู ช่องทางแชท ⇒ ที่แถวของแชทหน้าเว็บ คลิก เพิ่มเติม แล้วเลือก ตั้งค่าและโค้ดติดตั้ง สมาชิกบทบาทอื่นเปิดดูการตั้งค่าได้ แต่แก้ไขไม่ได้
เว็บไซต์ที่ตั้ง Content-Security-Policy
ถ้าเว็บไซต์ของร้านส่ง header Content-Security-Policy ต้องอนุญาตสิ่งที่หน้าต่างแชทใช้ตามตารางนี้ ไม่อย่างนั้นข้อความตัวอักษรอาจส่งได้ แต่รูปหรือไฟล์ที่ลูกค้าแนบจะส่งไม่สำเร็จ คำว่า โดเมนแชท ในตารางหมายถึงโดเมนที่อยู่ในโค้ดติดตั้งของร้าน
| คำสั่งใน CSP | สิ่งที่ต้องเพิ่ม | ใช้ทำอะไร |
|---|---|---|
script-src | โดเมนแชท | โหลดหน้าต่างแชท |
connect-src | โดเมนแชท, wss:// ของโดเมนแชท และ https://*.r2.cloudflarestorage.com | ส่งและรับข้อความ อัปเดตแชททันที และอัปโหลดไฟล์ที่ลูกค้าแนบ |
img-src | โดเมนแชท, data:, blob: | โลโก้ รูปโปรไฟล์ การ์ดลิงก์ และภาพตัวอย่างก่อนส่ง |
font-src | โดเมนแชท | ฟอนต์ของหน้าต่างแชท |
style-src | ไม่ต้องเพิ่ม | หน้าต่างแชทใช้ได้กับ style-src 'self' |
เว็บไซต์ที่ไม่ได้ตั้ง Content-Security-Policy ไม่ต้องทำอะไรเพิ่ม ส่งตารางนี้ให้คนที่ดูแลเว็บไซต์ของร้านได้เลย