- Configuration Multimarque (partie 1) : ancien Zendesk Chat (Legacy) (autonome)
- Configuration Multimarque (partie 2) : intégration Zendesk Chat-Support (phase 3)
- Configuration Multimarque (partie 3) : meilleures pratiques
Si vous utilisez l’intégration Chat-Support phase 3, vous devrez configurer vos différentes marques dans Zendesk et utiliser leWeb Widget(au lieu du widget Chat).
Étape 1 : configurez plusieurs marques dans Zendesk
Votre compte Zendesk dispose d’une marque par défaut, mais vous pouvez configurer et fournir une assistance à plusieurs marques si vous avez l’édition Support Enterprise.
Consultez nos guides sur laconfiguration de plusieurs marques dans Zendesk.
Étape 2 : ajoutez le Web Widget à vos marques dans Zendesk
LeWeb Widget prend la fonctionnalité Multimarque en charge. Voici comment ça marche :
- Un client peut avoirun Web Widgetpar marque.
- Chaque Web Widget se compose des éléments suivants :
- 联合国de uniq的代码片段ue (à placer dans le site Web de chaque marque)
- Un jeu de personnalisations/paramètres pour ce widget
- Tous les Web Widgets (de Multimarque) partagentun compte Zendesk Chat. Le nom de la marque spécifique est transféré à Chat sous la forme d’un marqueur à afficher dans la fenêtre de chat de l’agent (pour le contexte). Cela ressemble à cela :
Étape 3 : routez les chats à un service en utilisant le Web Widget
Une fois le Web Widget activé pour chacune de vos marques, vous devez configurer votre compte Zendesk Chat pour qu’il prenne toutes les marques en charge.
Comme avec le widget Zendesk Chat, une fois les services créés et vos agents ajoutés, vous devez utiliser notreAPI JavaScriptpour router automatiquement les chats entrants provenant du site Web de chacune de vos marques vers le service correspondant.
Voici le script d’API que vous devez ajouter à vos pages Web :
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(''),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","mysubdomain.zendesk.com");
zE(function() {
$zopim(function() {
zopim.livechat.setOnConnecte美元d(function() {
var department_status = $zopim.livechat.departments.getDepartment('Obscura');
if (department_status.status == 'offline') {
// Définit le statut du compte sur ouvert.
$zopim.livechat.setStatus('offline');
// masque le widget ou semblable
$zopim.livechat.hideAll();
} else {
// Le service est en ligne (au moins un agent de ce service est en ligne)
// Ajoute automatiquement un marqueur
$zopim.livechat.addTags('Obscura');
// Masque l’option de liste déroulante du formulaire pré-chat qui permet de sélectionner un service
$zopim.livechat.departments.filter('');
// Définit automatiquement le service
$zopim.livechat.departments.setVisitorDepartment('Obscura');
}
});
});
});
La différence principale est que le Web Widget détecte automatiquement si le service correspondant est hors ligne et ne présente que le formulaire de contact. Le reste du script reste quasiment identique.
Étape 4 : personnalisez le Web Widget
Comme le widget Zendesk Chat, vous voudrez peut-être personnaliser le Web Widget pour qu’il reflète votre marque.
Vous pouvez utiliser les commandes d’API décrites ci-dessus, mais vous devrez ajouter le code supplémentaire suivant :
$(document).ready(function() {
Cela initie les API Web Widget/JavaScript et effectue vos modifications de personnalisation.
Le reste du script d’API est semblable à celui que nous avons utilisé pour personnaliser le widget :
zE(function() {
//API Zendesk Chat
$zopim(function() {
$zopim.livechat.theme.setColors({badge: ‘#FFFFFF‘, primary: ‘#000000‘});
$zopim.livechat.theme.reload(); // appliquer les paramètres du nouveau thème
});
//Arrêter l’API Zendesk Chat
});
});
Suivant :Configuration Multimarque (partie 3) : meilleures pratiques
0 Commentaires
Vous devezvous connecterpour laisser un commentaire.