멀티브랜드는 새로운 embeddables 위젯 및 Zendesk Chat과 훌륭히 작동합니다. 임베드되는 브랜드 센터에 따라 Chat 위젯을 사용자 지정하고, Zendesk Support의 기본 인스턴스 내에서 모든 티켓을 관리할 수 있습니다. 상담사들이 작업할 수 있도록 여러 개의 서로 다른 사이트에 임베드된 하나의 Chat 계정을 유지하면 효율성을 높이는 데 도움이 될 수 있으며 사소한 관리 업무도 줄어듭니다.
이 문서에서는 멀티브랜드, Zendesk Chat이 있고 브랜드화된 헬프 센터를 설정했다고 가정합니다. 그렇지 않은 경우에는 시작하기 위해 멀티브랜드 설정 문서를 확인해 보실 것을 적극 권합니다.
Zendesk Chat 구성하기
무제한 트리거 및 부서를 이용하려면 Professional 플랜 이상의 Suite 또는 Chat 계정이 필요합니다. 여기에서 Zendesk Chat 설정 안내를 참조하세요. 채팅이 종료될 때와 오프라인 메시지에 대한 티켓을 자동으로 만들기 위해 Zendesk Chat용 Zendesk Support 연동 서비스도 활용할 예정입니다. 각 브랜드에 대해 원하는 부서를 구성하고 이에 따라 상담사를 할당하세요.
각 브랜드에 대해 사용할 트리거를 구성하세요. 조건에 있는 페이지나 사이트 URL 및 이름을 입력할 수 있습니다. 더 알고 싶으세요?
Zendesk Support 구성하기
각 브랜드에 대해 채팅이 사용 설정된 위젯을 만들어야 합니다. 이는 메시지를 남기기 전에 사용자를 헬프 센터 검색으로 안내하려는 경우 특히 유용합니다. Zendesk Support 위젯을 사용하지 않고 사이트에 Zendesk Chat 위젯만 임베드할 수도 있지만 정말 중요한 기능(채팅/티켓 제출 전 헬프 센터 검색, 티켓을 만들 때 브랜드 배치)을 잃게 됩니다.
트리거
웹 위젯 문의 양식을 통해 이루어진 요청은 해당 브랜드의 티켓을 만들지만 채팅에서는 현재 설치된 브랜드를 인식하지 못합니다. 따라서 Zendesk Chat에 각각 어떤 브랜드를 연결해야 하는지 알려주어야 합니다. 그렇게 하기 위해 내부 댓글을 통해 각 티켓에 전달된 사용자 상담사 문자열을 입력합니다.
해당 브랜드에서 시작된 모든 요청에는 URL의 일부로 하위 도메인이 포함되므로 트리거가 간단하고 적절한 브랜드로 채팅 요청을 자동으로 라우팅합니다.
회사의 필요에 따라 다를 수 있으므로 알림 수정에 대해 너무 자세히 다루지는 않겠습니다. 하지만 채팅을 통해 티켓이 만들어지면 기본 트리거인 “요청자 및 참조 대상에게 받은 요청에 대해 알림”이 실행됩니다. 그러한 알림은 기본 브랜드 지원 주소에서 오는 것으로 표시됩니다. 채팅에서 만든 티켓에 그러한 알림을 보내지 않도록 하기 위해 “요청자 및 참조 대상에게 받은 요청에 대해 알림” 트리거에 채널이 채팅이 아닌 조건을 추가할 수 있습니다. 그런 후에는 채널이 채팅인 새 트리거를 만들어 후속 알림을 보낼 수 있습니다.
위젯 브랜드화하기
웹 위젯 코드는 헬프 센터 또는 외부 페이지의 <head> 섹션에 임베드됩니다. 웹 위젯 자체에 대한 모든 종류의 수정은 Embeddables API를 통해 수행할 수 있지만, 필요한 주요 수정은 Chat API를 통해 수행됩니다.
다음은 서로 다른 목적으로 브랜드화된 위젯이 있는 동일한 Zendesk Chat 인스턴스의 예입니다.
이러한 예에서는 사용 가능한 부서를 필터링하고, 안내자 아바타 이미지/이름을 변경하고, 채팅 전 양식 안내말을 다양하게 표현하고, 채팅 창에 새 제목을 설정했습니다.
헬프 센터의 JS 탭에서 다음 라인 아래에 코드 블록을 추가해야 합니다.
$(document).ready(function() {
이 라인은 다음과 같이 Zendesk Chat API를 시작하고 사용자 지정 변경을 수행합니다.
텍스트 형태:
zE(function() { //Zopim API $zopim( function() { $zopim.livechat.departments.filter('Haven Hobbies Support', 'Haven Hobbies Sales'); $zopim.livechat.concierge.setTitle('Hierophant Hobbyist'); $zopim.livechat.concierge.setName('Helley Haven'); $zopim.livechat.concierge.setAvatar('Image URL'); $zopim.livechat.window.setTitle("Helley's Haven Hobbies"); $zopim.livechat.prechatForm.setGreetings("Need a new hobby? We've got your hobbies right here!"); $zopim.livechat.theme.reload(); //End Zopim API }); });
변경 내용을 게시하고 헬프 센터를 다시 고치면 새 변경 내용이 적용됩니다.