Iframe 앱을 사용하여 상담사가 Zendesk 상담사 인터페이스에서 추가적인 정보에 액세스할 수 있습니다. 이 문서에서는 앱과 설치 방법에 대해 설명합니다.

Iframe 앱 사용하기

iframe은 하나의 웹 페이지 내에서 다른 웹 페이지를 보여주고자 할 때 사용하는 HTML 요소입니다. Iframe 앱은 Zendesk 상담사들이 워크플로우를 방해하지 않고 신속하게 상담사 인터페이스에서 웹 페이지로 이동한 다음 다시 티켓으로 이동할 수 있게 디자인되었습니다. 이는 상담사들이 페이지를 사용하여 주문 또는 기타 데이터를 조회하는 경우에 특히 유용합니다.

Iframe 앱으로 Zendesk 상담사 인터페이스에서 다양한 웹 페이지를 임베드할 수 있습니다. 단, 모든 페이지가 제대로 표시되지 않고 일부 페이지가 표시되지만 이상한 동작이 나타날 수 있습니다. 가능한 단순한 웹 페이지를 선택하는 것이 좋습니다.

또한 일부 사이트는 다른 웹 사이트가 이러한 방식으로 콘텐츠를 로드하지 못하도록 합니다. 이는 보안상의 이유로 해커들이 그러한 회사로 가장할 수 없도록 하기 위한 것입니다. 이 경우 Iframe 앱이 표시되지만 클릭하면 콘텐츠가 없습니다.

중요: Firefox 또는 Chrome 브라우저의 최신 버전은 웹 페이지가 Zendesk에 로드되지 못하도록 차단할 수 있습니다. 페이지를 보려면 상담사가 브라우저의 주소 표시줄에서 방패 아이콘을 클릭한 후, 안전하지 않은 스크립트 로드(Chrome) 또는 페이지 보호 사용 중지(Firefox)에 동의합니다.

이유: 브라우저가 Zendesk와 같은 보안 HTTPS 연결을 통해 비보안 HTTP 페이지를 요청하려는 모든 시도를 감지하여 차단합니다. 페이지가 HTTPS를 통해 제공되더라도 공격자가 페이지를 읽거나 수정할 수 있으므로 브라우저가 페이지를 차단합니다. 자세한 내용은 Firefox 웹사이트에서 이 문서를 참조하거나 Google Chrome 포럼에서 이 게시물을 참조하세요.

상담사 인터페이스에 Iframe 앱을 추가하려면 다음과 같이 하세요.

  1. 관리 센터의 사이드바에서 앱 및 연동 서비스를 클릭한 다음 앱 > 채널 앱을 선택합니다.
  2. Zendesk 마켓플레이스를 클릭하고 "Iframe"을 검색합니다.
  3. Iframe 앱 아이콘을 클릭합니다.

  4. 페이지 오른쪽 위에 있는 앱 설치를 클릭합니다.
  5. 다음과 같이 앱을 구성합니다.
    • iframe URL: 필수 사항으로, 상담사가 Iframe 앱을 클릭할 때 표시하려는 페이지의 링크를 입력합니다.
    • 비활성 아이콘 URL: 앱과 상호작용하지 않을 때 표시될 이미지입니다. Zendesk 창의 회색과 대조되는 것을 골라 잘 보이게 하세요.
    • 마우스오버 아이콘 URL: 상담사가 이미지에 마우스를 갖다 대지만 클릭하지 않았거나 아무 것도 아직 하지 않았을 때 표시될 이미지입니다.
    • 선택된 아이콘 URL: 상담사가 Iframe 앱을 클릭하여 활성화했을 때 표시될 이미지입니다.
    • 제목: 필수 사항으로, 앱을 다른 앱과 구분하는 제목입니다.
  6. 설치를 클릭합니다.

예

비즈니스가 X(구 트위터)에 중점을 두고 있나요? X의 상태 페이지를 Zendesk에 임베드할 수 있습니다. 다음은 X 상태 페이지에 대한 Iframe 앱 설정입니다. 

  • 제목: X 상태
  • Iframe URL: https://api.twitterstat.us
  • 비활성 아이콘 URL: https://twitter.com/images/resources/twitter-bird-light-bgs.png
  • 마우스오버 아이콘 URL: https://twitter.com/images/resources/twitter-bird-dark-bgs.png
  • 선택된 아이콘 URL: https://twitter.com/images/resources/twitter-bird-light-bgs.png

상담사들이 페이지가 로드될 수 있도록 브라우저를 설정하는 방법을 알고 있는지 확인하세요. 자세한 내용은 소개에 있는 메모를 참조하세요.

다음은 Iframe 앱에 로드될 수 있는 웹 페이지의 다른 예입니다.

  • Twilio 상태: http://status.twilio.com/
  • Salesforce.com 상태: http://trust.salesforce.com/trust/status/
  • Google App Engine: http://code.google.com/status/appengine
  • Skype: http://heartbeat.skype.com
  • Google 애널리틱스: http://www.google.com/analytics/status#hl=en

포괄적인 SaaS 대시보드 목록은 http://www.transparentuptime.com/2009/01/comprehensive-list-of-saas-public.html을 참조하세요. Zendesk 대시보드는 http://www.zendesk.com/support/system-status에 있습니다.

Chris의 커뮤니티 팁: 많은 실험을 거친 결과 문자 모양이 20x20 픽셀인 35x35 픽셀 문서가 현재 사이드바에 표시되는 아이콘에 아주 잘 맞는다는 것을 알았습니다.

Zendesk 제공