CTI는 전화 시스템을 구축하여 Freshdesk와 통합할 수 있는 프레임워크입니다. 전화 시스템의 기능을 가져오려면 사용자 지정 앱을 만들어야 합니다. 그런 다음 이 사용자 지정 앱을 iframe 내에 렌더링하여 상담원이 Freshdesk 내의 모든 페이지에서 전화를 받을 수 있도록 할 수 있습니다.
사용자 또는 개발자는 이 페이지를 참조하여 앱을 바로 만들고 사용 가능한 자리 표시자를 사용하여 iframe 내에 렌더링할 수 있습니다. CTI에는 특정 관리자 페이지가 없으므로 앱 매니페스트 자체 내에서 앱 속성을 처리해야 합니다. 상담원이 앱에서 사용해야 하는 티켓, 연락처 또는 컨텍스트 데이터를 가져오려면 Freshdesk API를 사용할 수 있습니다. Iframe의 높이와 너비(최대 500px)는 사용자 지정할 수 있습니다. 기본값은 400px입니다.
주: CTI 앱이 활성화된 경우 Freshcaller를 사용할 수 없습니다
인증 처리 후 원하는 방식으로 앱을 만들고 위치 o 렌더링을 사용하여 앱을 렌더링할 수 있습니다. 관리자; 지원 운영; 앱; 사용자 지정 앱 탭 아래에서 앱을 설치합니다.
플레이스 홀더 세부 정보:
플레이스홀더는 하나의 앱만 포함하며 앱을 로드하는 데만 도움이 됩니다
위치 이름: cti_global_sidebar
플레이스홀더는 애드온 영역 구성 요소에 제공해야 합니다
플레이스홀더는 로그인한 에이전트의 ID를 컨텍스트로 제공합니다
사용 가능한 이벤트:
다음 표에는 사용 가능한 API가 나와 있습니다.
대상: | API 사용 |
iframe 열기 | client.interface.trigger('show', {id: 'softphone'}) |
프레시데스크 내부에서 티켓 열기 | client.interface.trigger('click', {id: 'ticket', value: 2 }) |
프레시데스크 내에서 연락처 열기 | client.interface.trigger('click', {id: 'contact', value: 1 }); |
iframe 닫기 | client.interface.trigger('hide', {id: 'softphone'}) |
샘플 매니페스트:
위치 이름: cti_global_sidebar, iframe URL 및 CTI용 아이콘
폭과 높이는 사용자 지정할 수 있습니다. 제공하지 않으면 기본 너비와 높이(예: 400px)가 사용됩니다
"제품": {
"freshdesk": {
"location": {
"cti_global_sidebar": {
"url": "myfirstapp.html",
"icon": "logo.svg"
}
}
}
}
아이콘의 크기: svg 20*20 (너비*높이)
아티클이 유용했나요?
훌륭합니다!
피드백을 제공해 주셔서 감사합니다.
도움이 되지 못해 죄송합니다!
피드백을 제공해 주셔서 감사합니다.
피드백 전송
소중한 의견을 수렴하여 아티클을 개선하도록 노력하겠습니다.