- Configuração de multimarca (parte 1): Zendesk Chat legado (independente)
- Configuração de multimarca (parte 2): integração Zendesk Chat-Support (fase 3)
- Configuração de multimarca (parte 3): práticas recomendadas
Se você está usando a integração Chat-Support na fase 3, precisará configurar várias marcas no Zendesk e usar o Web Widget (em vez do widget do Chat).
Etapa 1: configurar várias marcas no Zendesk
Por padrão, sua conta do Zendesk tem uma marca, mas você pode configurar e oferecer suporte a várias marcas se estiver no plano Support Enterprise.
Leia nossos guias sobre a configuração de várias marcas no Zendesk.
Etapa 2: adicionar o Web Widget a suas marcas no Zendesk
O Web Widget é compatível com os recursos de multimarca. O recurso funciona assim:
- O cliente pode ter um Web Widget por marca
- Cada Web Widget é composto:
- Do trecho de código exclusivo único (para acessar o respectivo website de marca)
- De um conjunto de personalizações/configurações do widget
- Todos os Web Widgets (de multimarca) compartilham uma única conta do Zendesk Chat. O nome da marca específica é passado como tag ao Chat para exibição na janela de chat do agente (para contexto). A aparência é semelhante a esta:
Etapa 3: encaminhar chats para um departamento usando o Web Widget
Depois de ativar o Web Widget para cada marca, você precisará configurar sua conta do Zopim para oferecer suporte a todas as marcas.
Como no caso do Widget de Chat do Zopim, depois de criar os departamentos e adicionar os agentes, você precisará usar a nossa API do Javascript para encaminhar automaticamente os chats recebidos de cada website de marca para o departamento correspondente.
Aqui está o script da API que você precisará adicionar a suas páginas da web:
<script>
window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(c){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","mysubdomain.zendesk.com");
zE(function() {
$zopim(function() {
$zopim.livechat.setOnConnected(function() {
var department_status = $zopim.livechat.departments.getDepartment('Obscura');
if (department_status.status == 'offline') {
// Set the account status to 'offline'
$zopim.livechat.setStatus('offline');
// hide the widget or similar
$zopim.livechat.hideAll();
} else {
// The department is Online (At least one agent in that dept is Online)
// Automatically add a tag
$zopim.livechat.addTags('Obscura');
// Hide the Drop-down list option in the Pre-Chat Form to select the Department
$zopim.livechat.departments.filter('');
// Automatically set the Department
$zopim.livechat.departments.setVisitorDepartment('Obscura');
}
});
});
});
</script>
A principal diferença é que o Web Widget detecta automaticamente se o departamento correspondente está offline e oferece apenas o formulário de contato. O resto do script permanece quase o mesmo.
Etapa 4: personalizar o Web Widget
Como no caso do widget do Zopim, você talvez queira personalizar o Web Widget para que ele combina com sua marca.
Você pode usar os mesmos comandos da API descritos anteriormente, mas precisará do seguinte trecho adicional de código:
$(document).ready(function() {
Essa instrução inicia o Web Widget/as APIs do Javascript e realiza suas alterações de personalização:
O resto do script da API é semelhante ao usado para personalizar o widget:
zE(function() {
//Zopim API
$zopim(function() {
$zopim.livechat.theme.setColors({badge: ‘#FFFFFF‘, primary: ‘#000000‘});
$zopim.livechat.theme.reload(); // apply new theme settings
});
//End Zopim API
});
});
Próximo: Configuração de multimarca (parte 3): práticas recomendadas
0 Comentários
Por favor, entre para comentar.