CTI는 Freshdesk와 전화 시스템을 통합하고 구축할 수 있게 해주는 프레임워크입니다. 전화 시스템의 기능을 도입하려면 사용자 정의 앱을 만들어야 합니다. 그런 다음 이 사용자 정의 앱을 iframe 내에 렌더링하여 에이전트가 Freshdesk 내의 모든 페이지에서 전화를 받을 수 있도록 할 수 있습니다. 앱 생성 시작을 위해 이 페이지를 참조하고, 사용 가능한 플레이스홀더를 사용하여 iframe 내에 렌더링할 수 있습니다. CTI에는 특정 관리자 페이지가 없으므로 앱 속성은 앱 매니페스트 내에서 처리해야 합니다. 에이전트가 앱에서 사용할 티켓, 연락처 또는 기타 컨텍스트 데이터를 가져오려면 Freshdesk API를 사용할 수 있습니다. iframe의 높이와 너비(최대 500px)는 사용자 정의가 가능합니다. 기본값은 400px입니다.
참고: CTI 앱이 활성화되면 Freshcaller는 활성화할 수 없습니다.
인증을 처리한 후, 원하는 방식으로 앱을 생성하고 앱을 렌더링할 위치를 사용할 수 있습니다. 관리자 > 지원 운영 > 앱 > 사용자 정의 앱 탭에서 앱을 설치하십시오.
플레이스홀더 세부사항:
- 플레이스홀더는 하나의 앱만 보유하며, 앱 로딩에만 도움을 줍니다.
- 위치 이름: cti_global_sidebar
- 플레이스홀더는 addon-area 컴포넌트에 제공되어야 합니다.
- 플레이스홀더는 로그인한 에이전트의 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 (너비*높이)