สร้างวิดเจ็ตเว็บในแดชบอร์ด

ตั้งค่าวิดเจ็ตคลิกเพื่อพูดคุยสำหรับเว็บไซต์ของคุณจากหน้า Web Widgets โดยไม่ต้องเรียกใช้ API

หน้า วิดเจ็ตเว็บ (/dashboard/web-widgets) ใช้สร้างและจัดการ คีย์ที่เผยแพร่ได้ซึ่งขับเคลื่อนวิดเจ็ตเสียงแบบฝังของ ThunderPhone ทุกสิ่งที่คู่มือเวอร์ชัน APIนี้ทำด้วย cURL หน้านี้ทำด้วยแบบฟอร์ม — และยังสร้างโค้ดสำหรับฝังให้คุณด้วย

สร้างวิดเจ็ต#

1. คลิก วิดเจ็ตใหม่ แล้วเลือกโหมด
   • โหมดเอเจนต์ — วิดเจ็ตจะเรียกใช้เอเจนต์หนึ่งรายการที่คุณเลือกจาก เมนูดรอปดาวน์เสมอ เป็นการตั้งค่าที่ง่ายที่สุด
   • โหมด Webhook — ในทุกเซสชันวิดเจ็ต ThunderPhone จะเรียก URL ของ webhook ของคุณ และเซิร์ฟเวอร์ของคุณจะส่งคืนการกำหนดค่าเอเจนต์ สำหรับผู้เข้าชมนั้น (การกำหนดเส้นทางตามหน้า ผู้ใช้ที่เข้าสู่ระบบ การทยอยเปิดใช้) เว้น URL ว่างไว้เพื่อใช้ webhook เริ่มต้นขององค์กรคุณ เมื่อป้อน URL ใหม่ คุณยังตั้งให้เป็นค่าเริ่มต้นขององค์กรได้
2. ระบุโดเมนที่อนุญาต

   ต้องระบุโดเมนอย่างน้อยหนึ่งรายการ และเบราว์เซอร์จะเริ่ม เซสชันได้เฉพาะจากชื่อโฮสต์ที่คุณระบุเท่านั้น อนุญาตให้ใช้ไวลด์การ์ดสำหรับโดเมนย่อย เช่น *.example.com ได้ (ตรงกับโดเมนย่อย แต่ไม่ตรงกับโดเมนหลัก) ระบบจะปฏิเสธไวลด์การ์ดแบบเดี่ยว เช่น * รายการนี้ช่วยป้องกันการนำ คีย์ของคุณไปใช้ซ้ำบนเว็บไซต์อื่นโดยทั่วไป แต่ไม่ใช่การยืนยันตัวตน: สคริปต์ นอกเบราว์เซอร์สามารถส่งส่วนหัว Origin ใดก็ได้ ระบบจะไม่อนุญาต localhost ในสภาพแวดล้อมใช้งานจริงโดยอัตโนมัติ ให้เพิ่มลงในรายการเพื่อทดสอบ ในเครื่องกับ API สำหรับสภาพแวดล้อมใช้งานจริง

3. เลือกการแทนที่ค่าจากเบราว์เซอร์

   เลือกการตั้งค่าเซสชันแต่ละรายการที่หน้าของคุณส่ง: บริบทของหน้า, ตัวแปร, เสียง, ภาษา วิดเจ็ตใหม่ไม่อนุญาตรายการใด และ คำขอเซสชันที่มีการตั้งค่าซึ่งปิดอยู่จะล้มเหลวด้วย 400 คีย์ของคุณเป็นสาธารณะ จึงอนุญาตเฉพาะสิ่งที่คุณใช้ ดู การแทนที่ค่าจากเบราว์เซอร์

4. ตั้งชื่อ เปิดใช้งาน แล้วสร้าง

   สวิตช์ เปิดใช้งานวิดเจ็ต ควบคุมว่าคีย์จะยอมรับ เซสชันหรือไม่ — คุณสามารถสร้างวิดเจ็ตขณะปิดใช้งาน แล้วเปิดใช้เมื่อเปิดตัวได้

รับโค้ดสำหรับฝัง#

ทันทีหลังสร้าง (หรือผ่านปุ่ม ฝัง ของแต่ละแถว) กล่องโต้ตอบสำหรับฝัง จะสร้างโค้ดที่พร้อมวาง โดยกรอกคีย์ที่เผยแพร่ได้ของคุณ ไว้ให้แล้ว:

• React — โค้ดตัวอย่าง <ThunderPhoneWidget /> สำหรับแอปที่ใช้ bundler
• แท็ก Script — คู่ <script> + stylesheet จาก CDN สำหรับทุกเว็บไซต์

กล่องโต้ตอบยังแสดงตัวอย่างตัวเลือกการแสดงผลพื้นฐาน — ชื่อ สีหลัก ตำแหน่งมุม และธีมสว่าง/มืด — และรวมตัวเลือกของคุณไว้ใน โค้ดตัวอย่าง สำหรับข้อมูลอ้างอิง prop ฉบับเต็ม hook สำหรับปรับสไตล์ และตัวเลือก headless โปรดดูเอกสาร SDK วิดเจ็ต

จัดการวิดเจ็ตจากรายการ#

แต่ละแถวแก้ไขได้ในตำแหน่งเดิม:

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

เซสชันวิดเจ็ตจะแสดงในประวัติการโทร พร้อม ข้อความถอดเสียง การบันทึก และการประเมินเช่นเดียวกับการโทรศัพท์

ขั้นตอนถัดไป#