Hướng dẫn
Nhúng softphone NextX vào phần mềm của bạn
Tổng đài viên nghe và gọi ngay trong phần mềm của bạn, không mở thêm tab NextX. Một thẻ script, không cần máy chủ.
1Khai tên miền được nhúng
developers.nextx.vn › Ứng dụng của tôi › Cài đặt › Softphone nhúng → nhập tên miền phần mềm của bạn (vd
https://crm.cong-ty.vn). Trang không có tên ở đây không nhúng được softphone.2Dán thẻ script
Softphone hiện ở góc màn hình. Lần đầu, tổng đài viên bấm Đăng nhập NextX trong cửa sổ bật lên. Trang của bạn chỉ nhận sự kiện cuộc gọi, không bao giờ nhận token hay thông tin máy lẻ. Thêm
data-nextx-callvào số điện thoại để bấm là gọi.HTML<script src="https://developers.nextx.vn/phone/v1/phone.js"></script> <script> const phone = NextXPhone.init({ clientId: "<APP_ID>" }); // lang, workspaceId, position, appUrl phone.on("incoming", (c) => openCustomer(c.from)); // screen-pop phone.on("ended", (c) => saveCallLog(c.callId, c.status, c.talkSec)); </script> <!-- click-to-dial: any element with data-nextx-call --> <a href="#" data-nextx-call="0901234567" data-nextx-contact-ref="CUS-00123">0901 234 567</a>3Hoặc dùng gói npm
Cùng mã với bản script, có kiểu TypeScript. Sự kiện:
ready,auth-required,status,incoming,answered,ended,error.npmnpm i @nextxai/sdk import { NextXPhone } from "@nextxai/sdk/phone"; const phone = NextXPhone.init({ clientId: process.env.NEXT_PUBLIC_NEXTX_APP_ID! }); phone.call("0901234567", { contactRef: "CUS-00123" }); phone.on("answered", ({ callId }) => markInProgress(callId)); // phone.hangup() · phone.logout() · phone.destroy()4Thử ngay
Thêm
https://developers.nextx.vnvào tên miền được nhúng rồi mở trang thử. Muốn ghi lịch sử phía máy chủ thì dùng thêm webhookcall.*.