컴퓨터 전화 통신 통합 프레임워크

수정일 일요일, 9 3월 시간: 11:16 AM

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 (너비*높이)




아티클이 유용했나요?

훌륭합니다!

피드백을 제공해 주셔서 감사합니다.

도움이 되지 못해 죄송합니다!

피드백을 제공해 주셔서 감사합니다.

아티클을 개선할 수 있는 방법을 알려주세요!

최소 하나의 이유를 선택하세요
CAPTCHA 확인이 필요합니다.

피드백 전송

소중한 의견을 수렴하여 아티클을 개선하도록 노력하겠습니다.