zendesk-guide-community-template
eesel Team
Last edited 25 février 2026
---
{
"title": "Comment créer et personnaliser les modèles de communauté Zendesk Guide",
"slug": "zendesk-guide-community-template",
"locale": "fr",
"date": "2026-02-25",
"updated": "2026-02-25",
"template": "default",
"excerpt": "Un guide complet des modèles de communauté Zendesk Guide, couvrant les fichiers de modèle, la personnalisation avec Curlybars et les meilleures pratiques pour la création de forums communautaires engageants.",
"categories": [
"Zendesk",
"Guides"
],
"tags": [
"Zendesk Guide",
"Community Templates",
"Help Center",
"Curlybars",
"Customer Support"
],
"readTime": 13,
"author": 16,
"reviewer": 14,
"seo": {
"title": "Comment créer et personnaliser les modèles de communauté Zendesk Guide",
"description": "Un guide complet des modèles de communauté Zendesk Guide, couvrant les fichiers de modèle, la personnalisation avec Curlybars et les meilleures pratiques pour la création de forums communautaires engageants.",
"image": "https://wmeojibgfvjvinftolho.supabase.co/storage/v1/object/public/public_assets/blog-gen/banner-7072008a-2d12-45a7-8ae1-636370d73201"
},
"coverImage": "https://wmeojibgfvjvinftolho.supabase.co/storage/v1/object/public/public_assets/blog-gen/banner-7072008a-2d12-45a7-8ae1-636370d73201",
"coverImageAlt": "Image de bannière pour Comment créer et personnaliser les modèles de communauté Zendesk Guide",
"coverImageWidth": 1920,
"coverImageHeight": 1080,
"faqs": {
"heading": "Foire aux questions",
"type": "blog",
"answerType": "html",
"faqs": [
{
"question": "Avez-vous besoin de compétences en codage pour personnaliser les modèles de communauté Zendesk Guide ?",
"answer": "Les personnalisations de base comme les couleurs et les polices peuvent être effectuées via les paramètres du thème sans codage. Cependant, la modification des fichiers de modèle nécessite une connaissance du HTML, du CSS et de la syntaxe Curlybars. Pour les modifications complexes, vous pouvez travailler avec un développeur ou envisager un thème tiers."
},
{
"question": "Quelle est la différence entre un modèle de communauté Zendesk Guide et un modèle d'article ?",
"answer": "Un modèle de communauté contrôle la mise en page des pages de forum comme les listes de sujets et les fils de discussion. Un modèle d'article contrôle la structure des articles de la base de connaissances. Ils servent des objectifs différents et utilisent des fichiers différents dans votre thème."
},
{
"question": "Pouvez-vous utiliser les modèles de communauté Zendesk Guide sur n'importe quel plan tarifaire ?",
"answer": "Les fonctionnalités de la communauté nécessitent un plan Suite Team ou supérieur, à partir de 55 $ par agent par mois facturés annuellement. Le plan Support Team (19 $/agent) n'inclut pas la fonctionnalité de communauté. Les capacités de personnalisation du thème varient également selon le niveau du plan."
},
{
"question": "Comment prévisualiser les modifications apportées aux modèles de communauté avant de les publier ?",
"answer": "Dans l'éditeur de thème Guide, cliquez sur le bouton Aperçu pour voir vos modifications avec des données en direct. Cela montre exactement à quoi ressemblera votre communauté pour les utilisateurs. Une fois que vous êtes satisfait, cliquez sur Publier pour rendre les modifications actives."
},
{
"question": "Qu'est-ce que Curlybars et pourquoi est-il utilisé dans les modèles de communauté Zendesk Guide ?",
"answer": "Curlybars est le langage de modélisation de Zendesk, basé sur Handlebars.js. Il utilise des doubles accolades pour insérer du contenu dynamique dans les modèles. Vous l'utilisez pour afficher les titres des publications, les noms des auteurs, les commentaires et d'autres données de la communauté qui changent en fonction de ce que l'utilisateur regarde."
},
{
"question": "Les thèmes Zendesk tiers valent-ils l'investissement pour la personnalisation de la communauté ?",
"answer": "Les thèmes tiers peuvent être intéressants si vous avez besoin de résultats professionnels rapidement et que vous manquez de ressources de développement. Les fournisseurs comme Lotus Themes et Zenplates offrent des thèmes testés et riches en fonctionnalités à partir d'environ 299 $-489 $. Tenez compte de votre calendrier, de votre budget et de vos besoins de personnalisation lors de la prise de décision."
}
],
"supportLink": null
}
}
---
Un forum communautaire bien conçu peut transformer la façon dont les clients interagissent avec votre marque. Au lieu d'attendre des tickets de support, ils s'entraident, partagent des solutions et établissent des relations. Mais pour que cela se produise, vous avez besoin de la bonne base. C'est là que les modèles de communauté [Zendesk Guide](https://www.zendesk.com/guide/) entrent en jeu.
Ce guide vous explique tout ce que vous devez savoir sur la création et la personnalisation de modèles de communauté dans Zendesk Guide. Que vous partiez de zéro ou que vous affiniez une configuration existante, vous apprendrez les compétences techniques et les meilleures pratiques pour créer une communauté qui engage réellement vos utilisateurs.
## Qu'est-ce qu'un modèle de communauté Zendesk Guide ?
Un modèle de communauté Zendesk Guide est un fichier de mise en page qui contrôle l'apparence et le fonctionnement de vos pages de forum communautaire. Considérez-le comme le plan de l'interface utilisateur de votre communauté. Ces modèles déterminent où les éléments apparaissent, comment les publications sont formatées et à quelles fonctionnalités les utilisateurs peuvent accéder.
Il est important de distinguer deux concepts connexes qui sont souvent confondus :
- Les **modèles d'articles** sont des modèles de contenu pour les articles de la base de connaissances. Ils fournissent une structure cohérente pour le contenu de votre centre d'aide, comme des en-têtes ou une mise en forme standardisés.
- Les **modèles de thème** (y compris les modèles de communauté) sont des fichiers de mise en page HTML qui contrôlent la présentation visuelle des pages. Ils utilisent le langage de modélisation Curlybars de Zendesk pour afficher dynamiquement le contenu.
La fonctionnalité communautaire de Zendesk s'appelle **Gather**. Elle est incluse dans les plans Suite Team et supérieurs, à partir de [55 $ par agent et par mois](https://www.zendesk.com/pricing/) en cas de facturation annuelle. Le [plan Suite Professional](https://www.zendesk.com/pricing/) à 115 $ par agent ajoute des modérateurs de communauté, des files d'attente de modération de contenu et une protection anti-spam par IA. Gather permet des discussions entre utilisateurs, des forums de questions-réponses et des échanges d'idées directement dans votre centre d'aide.
Pourquoi les modèles de communauté sont-ils importants ? Parce que les mises en page par défaut ne vous mènent pas très loin. Les modèles personnalisés vous permettent de :
- Mettre en évidence le contenu important de la communauté
- Créer des hiérarchies visuelles qui guident les utilisateurs
- Ajouter des éléments de marque qui correspondent à l'identité de votre entreprise
- Mettre en œuvre des fonctionnalités qui encouragent la participation
Pendant que vous développez votre communauté, réfléchissez à la façon dont les outils d'IA peuvent compléter vos efforts. Nous avons constaté que la combinaison de forums communautaires et d'automatisation intelligente aide les équipes à traiter les questions répétitives tout en permettant aux humains de se concentrer sur les discussions complexes qui nécessitent une touche personnelle. Des outils comme [eesel AI](https://www.eesel.ai/) peuvent surveiller les discussions, suggérer des réponses aux questions courantes et signaler les problèmes qui nécessitent une attention humaine.
## Fichiers de modèle de communauté que vous devez connaître
Zendesk Guide utilise un ensemble de fichiers de modèle basés sur Handlebars pour afficher les pages de la communauté. Chaque fichier contrôle un type de page ou une vue spécifique. Voici les principaux modèles avec lesquels vous travaillerez :
| Fichier de modèle | Objectif |
|--------------|---------|
| `community_post_list_page.hbs` | Répertorie tous les messages de la communauté dans tous les sujets |
| `community_post_page.hbs` | Affiche les messages individuels avec les commentaires |
| `community_topic_list_page.hbs` | Affiche les sujets/catégories disponibles |
| `community_topic_page.hbs` | Affiche les messages dans un sujet spécifique |
| `new_community_post_page.hbs` | Le formulaire pour créer de nouveaux messages |
| `contributions_page.hbs` | Affiche l'activité et les contributions des utilisateurs |
| `user_profile_page.hbs` | Pages de profil des membres de la communauté |
Ces modèles fonctionnent ensemble pour créer une expérience communautaire cohérente. Lorsqu'un utilisateur navigue de la liste des sujets à un message spécifique, il passe de `community_topic_page.hbs` à `community_post_page.hbs`, chaque modèle gérant sa partie de l'affichage. Vous pouvez en savoir plus dans [la documentation sur les modèles de communauté de Zendesk](https://support.zendesk.com/hc/en-us/articles/4408839332250).
Pour accéder à ces modèles et les modifier, vous avez besoin des autorisations d'administrateur de Guide. Accédez à l'administration de Guide, puis cliquez sur l'icône Personnaliser la conception. À partir de là, vous pouvez modifier directement les fichiers de modèle de votre thème. Pour une documentation détaillée, consultez [le guide de Zendesk sur la personnalisation des thèmes du centre d'aide](https://support.zendesk.com/hc/en-us/articles/4408839332250).
L'éditeur de thème affiche tous les modèles disponibles dans une barre latérale. Cliquez sur n'importe quel nom de modèle pour l'ouvrir dans l'éditeur de code. Vous verrez le balisage Curlybars qui contrôle la structure de la page. Les modifications que vous apportez ici affectent la façon dont la communauté apparaît aux utilisateurs finaux.
## Démarrage avec le modèle Curlybars
Curlybars est le langage de modélisation de Zendesk, basé sur [Handlebars.js](https://handlebarsjs.com/). Il utilise des doubles accolades pour insérer du contenu dynamique dans vos modèles. Si vous avez travaillé avec d'autres systèmes de modélisation, la syntaxe vous semblera familière. Pour une documentation complète, consultez [la référence Curlybars de Zendesk](https://support.zendesk.com/hc/en-us/articles/4408824571674).
Voici la syntaxe de base que vous devez connaître :
- **Variables :** `{{property}}` insère une valeur
- **Conditionnelles :** `{{#if condition}}...{{/if}}` affiche le contenu uniquement lorsqu'une condition est vraie
- **Boucles :** `{{#each items}}...{{/each}}` répète le contenu pour chaque élément d'une liste
- **Commentaires :** `{{! This is a comment }}` ajoute des notes qui ne sont pas affichées
Les modèles de communauté ont accès à des propriétés spécifiques qui contiennent des données de message, de sujet et d'utilisateur. Voici les plus couramment utilisés :
| Propriété | Ce qu'elle contient |
|----------|------------------|
| `post.title` | Le titre du message |
| `post.body` | Le contenu du message |
| `post.author.name` | Nom d'utilisateur de la personne qui a créé le message |
| `post.author.avatar_url` | URL de l'image de profil de l'auteur |
| `topic.name` | Le nom du sujet/de la catégorie |
| `topic.description` | Texte de description du sujet |
| `user.name` | Nom de l'utilisateur actuel |
| `user.avatar_url` | Avatar de l'utilisateur actuel |
Curlybars fournit également des assistants pour les tâches courantes :
- `{{excerpt post.body length=100}}` tronque le contenu à une longueur spécifiée
- `{{date post.created_at format='short'}}` formate les dates de manière cohérente
- `{{link 'new_post' role='button'}}` génère des URL vers des pages spécifiques
Voici un exemple pratique. Ce code affiche une liste des messages récents de la communauté avec des extraits :
```handlebars
{{#each posts}}
<div class="post-preview">
<h3><a href="{{url}}">{{title}}</a></h3>
<p class="meta">By {{author.name}} on {{date created_at}}</p>
<p>{{excerpt body length=150}}</p>
</div>
{{/each}}
La boucle {{#each posts}} itère sur les messages disponibles. Pour chacun, elle affiche le titre sous forme de lien, le nom de l'auteur, la date de création et un extrait de 150 caractères du contenu.
La compréhension de ces bases vous donne les bases nécessaires pour personnaliser n'importe quel modèle de communauté. La clé est de savoir quelles propriétés sont disponibles pour chaque type de modèle et comment structurer la logique pour les afficher efficacement.
Personnalisation de votre modèle de page de sujet de communauté
La page de sujet est souvent la première vue de la communauté que vos utilisateurs voient. Elle affiche tous les messages dans une catégorie spécifique, ce qui en fait un point de contact essentiel pour l'engagement. Examinons étape par étape la personnalisation de community_topic_page.hbs.
Étape 1 : Accéder à l'éditeur de thème
Dans l'administration de Guide, cliquez sur l'icône Personnaliser la conception, puis sélectionnez le thème que vous souhaitez modifier. Cela ouvre l'éditeur de modèle où vous pouvez modifier tous les fichiers de thème.
Étape 2 : Localiser et ouvrir community_topic_page.hbs
Recherchez le fichier dans la liste des modèles sur le côté gauche de l'éditeur. Cliquez dessus pour ouvrir la vue de code. Vous verrez la structure de modèle par défaut, qui comprend des sections pour l'en-tête de sujet, la liste des messages et la pagination.
Étape 3 : Comprendre la structure par défaut
Le modèle par défaut comprend généralement :
- Une section d'en-tête avec le nom et la description du sujet
- Un bouton « Nouveau message »
- Une liste de messages avec les titres, les auteurs et les métadonnées
- Des commandes de pagination pour naviguer entre les pages
Prenez le temps de lire le code existant avant d'apporter des modifications. Comprendre ce qui est déjà là vous aide à modifier plutôt qu'à casser la fonctionnalité.
Étape 4 : Ajouter des éléments personnalisés
Vous pouvez maintenant améliorer la page. Les ajouts courants incluent :
- Bannières de sujet : Ajouter un en-tête visuel avec la description du sujet
- Messages en vedette : Mettre en évidence les discussions importantes ou populaires
- Invites d'abonnement : Encourager les utilisateurs à suivre le sujet
Voici un exemple d'ajout d'un en-tête de sujet stylisé :
<div class="topic-header">
<h1>{{topic.name}}</h1>
{{#if topic.description}}
<p class="topic-description">{{topic.description}}</p>
{{/if}}
</div>
Étape 5 : Style avec des variables CSS
Les thèmes Zendesk prennent en charge les propriétés personnalisées CSS (variables) pour un style cohérent. Définissez vos couleurs, votre espacement et votre typographie dans le CSS du thème, puis référencez-les dans vos modèles :
.topic-header {
background: var(--brand-color);
padding: var(--spacing-lg);
border-radius: var(--border-radius);
}
Étape 6 : Prévisualiser et publier les modifications
Avant de passer en direct, utilisez la fonction d'aperçu pour voir comment vos modifications apparaissent avec des données réelles. Le mode d'aperçu affiche votre communauté avec des messages et des sujets réels, afin que vous puissiez vérifier que tout s'affiche correctement. Une fois satisfait, cliquez sur Publier pour rendre les modifications actives.
Autres personnalisations à prendre en compte :
- Badges de réputation de l'utilisateur : Afficher les meilleurs contributeurs ou les experts vérifiés
- Mises en page de message personnalisées : Modifier la façon dont les métadonnées du message s'affichent
- Style spécifique au sujet : Appliquer différents designs à différentes sections de la communauté
Création d'une page de message de communauté personnalisée
La page de message individuelle (community_post_page.hbs) est l'endroit où la conversation réelle a lieu. Ce modèle doit gérer le contenu du message, les commentaires, le vote et les interactions de l'utilisateur. Voyons comment le personnaliser efficacement.
La structure de modèle par défaut comprend :
- En-tête de message avec le titre et les informations sur l'auteur
- Contenu du corps du message
- Commandes de vote (vote positif/vote négatif)
- Fil de commentaires
- Formulaire de réponse
Pour personnaliser l'affichage des commentaires, vous pouvez modifier la façon dont les informations sur l'auteur apparaissent ou ajouter une distinction visuelle entre les niveaux de commentaires. Voici un exemple de commentaire stylisé :
<div class="comment {{#if official}}comment-official{{/if}}">
<div class="comment-author">
<img src="{{author.avatar_url}}" alt="" class="avatar">
<span class="author-name">{{author.name}}</span>
{{#if author.badges}}
<span class="badges">
{{#each author.badges}}
<span class="badge">{{name}}</span>
{{/each}}
</span>
{{/if}}
</div>
<div class="comment-body">
{{body}}
</div>
<div class="comment-actions">
{{vote 'up' role='button'}}
{{vote 'down' role='button'}}
{{subscribe role='button'}}
</div>
</div>
Cela ajoute des badges d'auteur et organise le commentaire en sections claires. La conditionnelle {{#if official}} applique un style spécial aux réponses officielles de votre équipe.
Pour la fonctionnalité de vote et d'évaluation, Zendesk fournit des assistants intégrés. L'assistant {{vote}} crée des boutons de vote positif/vote négatif qui gèrent automatiquement l'interaction. Vous pouvez les styliser avec CSS pour qu'ils correspondent à votre design.
Lors de la mise en œuvre des @mentions et du marquage des utilisateurs, vous devrez travailler avec JavaScript en plus des modèles. La couche de modélisation gère l'affichage, mais la logique d'interaction réside dans les fichiers JavaScript de votre thème.
La réactivité mobile est essentielle pour les pages de la communauté. De nombreux utilisateurs accèdent aux forums depuis leur téléphone, vos modèles doivent donc utiliser des mises en page flexibles qui s'adaptent à la taille de l'écran. Utilisez CSS Grid ou Flexbox pour les listes de messages et assurez-vous que les cibles tactiles (boutons, liens) sont suffisamment grandes pour l'interaction mobile.
Voici un exemple de mise en page de message réactive :
<article class="post">
<header class="post-header">
<h1>{{post.title}}</h1>
<div class="post-meta">
<img src="{{post.author.avatar_url}}" alt="" class="avatar">
<span>{{post.author.name}}</span>
<time datetime="{{post.created_at}}">{{date post.created_at}}</time>
</div>
</header>
<div class="post-content">
{{post.body}}
</div>
</article>
Avec CSS approprié, cela s'empile verticalement sur mobile et s'étend à une mise en page plus complexe sur les écrans plus grands.
Meilleures pratiques pour la conception de modèles de communauté
La création de modèles de communauté efficaces nécessite plus que de simples connaissances techniques. Vous devez concevoir pour l'engagement des utilisateurs, l'accessibilité et les performances. Voici les pratiques que nous avons trouvées les plus précieuses.
Principes de conception mobile d'abord
Commencez votre conception avec des mises en page mobiles, puis développez-les pour les écrans plus grands. Cela garantit que l'expérience de base fonctionne partout. Les utilisateurs de la communauté vérifient souvent les discussions sur leur téléphone, l'optimisation mobile n'est donc pas facultative.
- Utilisez des unités relatives (rem, em) au lieu de pixels fixes
- Testez les interactions tactiles sur des appareils réels
- Assurez-vous que le texte reste lisible à petite taille
- Gardez la navigation accessible avec les pouces
Considérations d'accessibilité
Votre communauté doit fonctionner pour tout le monde. Suivez les directives WCAG pour vous assurer que les utilisateurs handicapés peuvent participer pleinement.
- Utilisez des éléments HTML sémantiques (article, nav, button)
- Ajoutez du texte alternatif à toutes les images
- Assurez-vous que le contraste des couleurs respecte les normes AA
- Prise en charge de la navigation au clavier
- Testez avec des lecteurs d'écran
Optimisation des performances
Les pages à chargement lent tuent l'engagement. Optimisez vos modèles pour la vitesse :
- Minimisez CSS et JavaScript
- Utilisez des requêtes Curlybars efficaces
- Chargez paresseusement les images sous la ligne de flottaison
- Limitez le nombre de messages affichés par page
Marque cohérente
Votre communauté doit ressembler à une partie de votre produit, pas à une réflexion après coup. Appliquez les couleurs, la typographie et la voix de votre marque dans tous les modèles. Cela renforce la confiance et renforce votre identité.
Fonctionnalités d'engagement des utilisateurs
Concevez des modèles qui encouragent la participation :
- Rendez le bouton « Nouveau message » bien visible
- Afficher les messages connexes pour que les utilisateurs continuent à naviguer
- Mettre en évidence les questions sans réponse
- Afficher la réputation de l'utilisateur pour motiver les contributions
Intégration des outils de modération
La santé de la communauté nécessite une modération. Assurez-vous que vos modèles prennent en charge :
- Signaler le contenu inapproprié
- Masquer les messages en attente de révision
- Afficher les badges de modérateur
- Afficher les directives de la communauté
À mesure que votre communauté grandit, sa gestion devient plus complexe. Nous avons vu des équipes bénéficier de l'ajout d'une assistance basée sur l'IA pour gérer les tâches de modération de routine. eesel AI peut surveiller les discussions, suggérer des réponses aux questions courantes et signaler les problèmes qui nécessitent une attention humaine. Cela permet à votre équipe de se concentrer sur l'établissement de relations plutôt que sur la chasse au spam.
Options de thème tiers pour les communautés
La création de modèles personnalisés à partir de zéro n'est pas toujours la meilleure approche. Parfois, l'achat d'un thème pré-construit est plus logique, surtout si vous avez besoin de résultats professionnels rapidement.
Voici comment les principaux fournisseurs se comparent :
| Fournisseur | Prix de départ | Point fort |
|---|---|---|
| Lotus Themes | 299 $ | Bilan éprouvé avec plus de 5 800 clients |
| Zenplates | 489 $ | Personnalisation étendue sans codage |
| Diziana | 299 $ | Options économiques |
Quand envisager des thèmes premium :
- Vous avez besoin de résultats rapidement sans temps de développement
- Votre équipe manque d'expertise en développement front-end
- Vous voulez un design professionnel sans embaucher de designer
- Vous avez besoin de fonctionnalités qui prendraient des semaines à construire vous-même
Avantages des thèmes achetés :
- Apparence professionnelle immédiate
- Code testé et sans bogue
- Mises à jour et assistance régulières
- Incluent souvent des fonctionnalités spécifiques à la communauté
Inconvénients des thèmes achetés :
- Moins de flexibilité que les constructions personnalisées
- Peut nécessiter des solutions de contournement pour des besoins uniques
- Coûts continus pour les mises à jour ou l'assistance
- Risque de ressembler à d'autres sites utilisant le même thème
Considérations relatives à la migration :
Le changement de thème nécessite une planification. Documentez vos personnalisations actuelles avant de migrer. Vérifiez si votre contenu existant s'affichera correctement dans le nouveau thème. La plupart des fournisseurs offrent une assistance à la migration ou une documentation pour faciliter la transition.
Commencez à construire votre communauté Zendesk dès aujourd'hui
Vous avez maintenant les connaissances nécessaires pour créer et personnaliser les modèles de communauté Zendesk Guide. Récapitulons les étapes clés :
- Comprendre la différence entre les modèles d'articles et les modèles de thème
- Familiarisez-vous avec les sept fichiers de modèle de communauté de base
- Apprenez la syntaxe Curlybars pour le contenu dynamique
- Personnalisez les pages de sujet et de message pour qu'elles correspondent à vos besoins
- Appliquez les meilleures pratiques pour le mobile, l'accessibilité et les performances
- Envisagez des thèmes tiers si le développement personnalisé n'est pas réalisable
Les meilleures communautés évoluent avec le temps. Commencez par les bases, recueillez les commentaires de vos utilisateurs et itérez sur votre design. Faites attention aux sujets qui génèrent le plus d'engagement et ajustez vos modèles pour mettre en évidence ce contenu.
Au fur et à mesure que vous développez votre communauté, réfléchissez à la façon dont l'automatisation peut soutenir vos objectifs. eesel AI fonctionne aux côtés des forums communautaires, répondant aux questions de routine et acheminant les problèmes complexes vers les bonnes personnes. Si vous cherchez à faire évoluer votre support communautaire sans faire évoluer votre équipe, essayez eesel AI gratuitement et voyez comment il complète votre configuration Zendesk.
Partager cet article
Article by
