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