Iframe 및 Text 앱을 사용하여 상담원에게 더 많은 정보 제공하기

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

• Iframe 앱 사용하기
• Text 앱 사용하기

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. 설치를 클릭합니다.

예

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

• 제목: 트위터 상태
• Iframe URL: http://status.twitter.com/
• 비활성 아이콘 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 및 http://delicious.com/lennysan/healthdashboard를 참조하세요. Zendesk 대시보드는 http://www.zendesk.com/support/system-status에 있습니다.

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

Text 앱 사용하기

Text 앱을 사용하면 상담원 인터페이스의 앱 창에 원하는 텍스트를 표시할 수 있습니다. 예를 들어 상담원에게 중요한 메시지를 표시하거나, 티켓 작성 안내를 제공하거나, 소매 시스템에 링크를 추가할 수 있습니다.

Text 앱은 데이터 자리 표시자도 지원합니다. 자리 표시자를 통해 표시하려는 텍스트에 동적 데이터를 포함할 수 있습니다. 이 기능은 현재 티켓, 요청자 또는 사용자에 대한 매개변수를 포함하는 링크를 표시하려는 경우에 유용합니다. 예:

http://www.mysite.com/orderlookup.php?customer={{ticket.requester.email}}

참고: Text 앱은 새 Zendesk에만 설치될 수 있습니다.

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

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

   

4. 페이지 오른쪽 위에 있는 앱 설치를 클릭합니다.
5. 제목을 지정합니다. 예: "고객 주문 조회"
6. 표시하려는 텍스트를 지정합니다. 

   링크를 텍스트로 사용하려면 <a> 태그를 사용하지 말고 원하는 주소만 입력합니다(http://를 잊지 마세요). 그러면 Zendesk에서 자동으로 링크를 만듭니다.

7. 설치를 클릭합니다.

텍스트를 보려면 티켓으로 이동하여 오른쪽 위에 있는 앱 버튼을 클릭하여 앱 창을 엽니다.