Votre centre d’aide s’appuie sur un framework de thèmes qui inclut son propre langage de création de modèles pour les personnalisations avancées. Chaque thème du centre d’aide se compose d’un jeu de modèles modifiables et de pages personnalisées facultatives.

Lesmodèles de pages modifiablesdéfinissent la disposition de chaque page. Par exemple, il y a un modèle pour les articles de la base de connaissances, un modèle pour la liste de demandes, etc. Un modèle est simplement un fichier texte qui est rendu dans une page HTML quand un utilisateur veut l’afficher. Chaque modèle se compose d’un mélange de balises et d’expressions HTML identifiables aux doubles accolades, par exemple{{post.title}}.

Lespages personnaliséessont intégrées au code du thème de votre centre d’aide et ont une URL spécifique vers laquelle vous pouvez créer un lien à partir de n’importe quel endroit de votre centre d’aide. Vous pouvez utiliser les pages personnalisées pour créer et programmer des pages adaptées à vos besoins spécifiques. Par exemple, vous pouvez utiliser les pages personnalisées pour créer des pages d’accueil spéciales pour votre centre d’aide ou même créer de nouvelles pages pour incorporer le contenu de sources extérieures à Zendesk.

Le langage de création de modèles du centre d’aide s’appelle Curlybars et utilise une grande partie du langageHandlebars. Mais contrairement à Handlebars qui effectue le rendu côté client, Curlybars effectue le rendu côté serveur.

Vous pouvez utiliser le langage de création de modèles du centre d’aide pour accéder aux données du centre d’aide et manipuler le contenu de vos pages. Dans l’exemple suivant, le centre d’aide rend une liste des noms et des avatars de toutes les personnes qui ont laissé des commentaires sur la page.

{{#each comments}} 
 
  
 
 {{author.name}} 
 
 {{/each}}

Précédemment, vous pouviez utiliser les composantes pour personnaliser le centre d’aide, mais vous ne pouviez pas personnaliser les composantes, sauf pour les manipuler dans JavaScript. Avec Curlybars, vous pouvez accéder au code HTML qui était auparavant masqué au sein des composantes et le modifier.

Vous pouvez personnaliser les modèles de catégorie, de section et d’article pour des catégories, sections et articles spécifiques.

Exemple

L’insertion du bloc suivant dans le modèle de section personnalise le modèle pour les sections 200646205 et 203133596 :

{{#is section.id 200646205}} 
This is important security information! Pay attention!
 {{/is}} {{#is section.id 203133596}} 
Videos available at Learning to fly
 {{/is}}

Référence

Vous pouvez personnaliser les noms de langue dans le sélecteur de langue à chaque page du centre d’aide. Cela est utile si voulez utiliser une variante d’une langue, comme « English (U.S.) », pour toutes les variantes d’une langue, comme « English ».

Exemple

{{#if alternative_locales}} 
  {{#is current_locale.name 'English (US)'}} English {{else}} {{current_locale.name}} {{/is}}   {{#each alternative_locales}}  {{#is name 'English (US)'}} English {{else}} {{name}} {{/is}}  {{/each}}  
 {{/if}}

Référence

Masquer une langue dans le sélecteur de langue peut être utile si le contenu dans cette langue n’est pas prêt à être publié.

Exemple

{{#each alternative_locales}} {{#is name 'Français'}} {{! do nothing }} {{else}}  {{name}}  {{/is}} {{/each}}

Référence

Par défaut, les commentaires sur les articles sont triés par date, du plus récent au plus ancien. Vous pouvez ajouter des liens Date et Votes sur lesquels les utilisateurs peuvent cliquer pour trier les commentaires par date ou par nombre de votes.

Exemple

 
{{t 'comments'}}
 {{#if comments}}
 Sort by: {{#each comment_sorters}} {{name}} {{/each}} 
 {{#each comments}} ...

Référence

Vous pouvez ajouter une barre d’outils de formatage à l’éditeur pour les commentaires sur les articles. Les utilisateurs peuvent ajouter gras et italique, listes triées ou non, images et liens.

Exemple

{{#form 'comment' class='comment-form'}} 
 {{user_avatar class='user-avatar'}} 
 
{{wysiwyg 'body'}}
 {{input type='submit'}} 
 
 {{/form}}

Référence

Par défaut, les utilisateurs peuvent voter pour ou contre les articles. Vous pouvez aussi leur permettre de le faire pour les commentaires sur les articles.

Exemple

{{#each comments}} 
 {{vote 'up' class="article-vote-up" selected_class="vote-voted"}} {{vote 'sum' class="article-vote-sum"}} {{vote 'down' class="article-vote-down" selected_class="vote-voted"}} 
  
 ...

Référence

Vous pouvez afficher les liens vers les articles suggérés quand l’utilisateur tape dans le champ de recherche en ajoutant la recherche instantanée à votre thème personnalisé.

Quand la recherche instantanée est activée, un maximum de six articles suggérés s’affiche quand l’utilisateur tape son terme de recherche dans le champ de recherche. Dans le cadre de la recherche instantanée, les suggestions d’articles sont fondées sur les titres des articles uniquement. L’utilisateur peut sélectionner les articles suggérés directement dans le champ de recherche, sans passer par la page des résultats de recherche.

Expression applicable

Exemple

 
{{help_center.name}}
 {{searchinstant=true}} 

L’activation de la recherche fédérée dans lemodèle Résultats de la recherchede votre centre d’aide se fait en deux temps :

• Ajout de filtres de barre latérale
• Parcourir les résultats