Vous pouvez créer des pages personnalisées de zéro, puis créer des liens qui y mènent à partir de n’importe quel endroit de votre centre d’aide ou de n’importe quelle autre page Web ou application. 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.
Cet article aborde les sujets suivants :
Création de pages personnalisées
Vous pouvez créer une page personnalisée de deux façons : en créant et personnalisant une page en utilisant les balises HTML et Curlybars Zendesk au sein de l’éditeur de thème Guide ou en créant et développant la page à l’extérieur de Zendesk puis en l’important dans un thème du centre d’aide.
Vous pouvez créer un maximum de 100 pages personnalisées.
Pour créer une page personnalisée en utilisant l’éditeur de thème
- Dans Guide, cliquez sur l’icône du panneau de personnalisation (
) dans la barre latérale. La page Thèmes s’ouvre.
- Cliquez sur Personnaliser sur le thème que vous voulez modifier.
- Cliquez sur Modifier le code.
- Cliquez sur Ajouter nouv., puis sélectionnez Page personnalisée.
- Saisissez un nom de fichier pour votre page dans Nom de la page.
Le nom fait désormais partie de l’URL de la page.
- Cliquez sur Copier en regard du champ d’URL pour enregistrer l’URL dans le presse-papiers.
Vous en aurez besoin pour ajouter le lien aux autres pages.
- Cliquez sur Ajouter une page personnalisée.
La page personnalisée s’affiche sans contenu et est répertoriée dans la section custom_pages dans la barre latérale.
Pour concevoir la page, consultez Conception de pages personnalisées.
Pour créer une page personnalisée en utilisant du code
En tant que développeur, vous pouvez créer des thèmes hors ligne et les charger sous la forme d’un fichier ZIP ou utiliser un référentiel GitHub. Pour créer une page personnalisée en utilisant du code, créez la page sous la forme d’un fichier .hbs dans le répertoire suivant : templates/custom_pages. Consultez Travailler sur un thème en local.
Conception de pages personnalisées
Quand vous créez une page personnalisée, la page est vierge. Pour créer une page personnalisée, vous pouvez utiliser le langage de création de modèles Zendesk, aussi appelé Curlybars, ainsi que HTML, CSS et JavaScript.
Pour en savoir plus, consultez les références pour les langages de création de modèles suivantes :
- Guide des modèles du centre d’aide
- Guide CSS du centre d’aide
- Guide JavaScript du centre d’aide
- Utilisation du langage de création de modèles du centre d’aide
- Documentation de l’API de création de modèles pour les développeurs - Introduction
- Documentation de l’API de création de modèles pour les développeurs - Assistants
Création de liens vers les pages personnalisées
La hiérarchie de votre contenu inclut différentes pages, comme des sections et des sujets qui composent votre centre d’aide. Les pages personnalisées existent à l’extérieur de cette hiérarchie et ne sont pas visibles par les utilisateurs jusqu’à ce qu’ils cliquent sur un lien direct qui y mène.
Par exemple, si vous avez créé une page personnalisée « À propos de nous », vous pouvez ajouter un lien vers cette page à partir de n’importe quel modèle du centre d’aide, article voire page d’accueil. Les utilisateurs qui consultent ces pages peuvent cliquer sur le lien À propos de nous pour voir la page personnalisée. Si les utilisateurs n’ont pas accès à un lien pointant vers la page, ils peuvent la rechercher.
L’URL d’une page personnalisée suit le schéma suivant : "https://{nom_domaine}/hc[/{langue}]/p/{nom_page}". La langue est facultative et le nom de la page n’inclut pas l’extension de fichier .hbs ou .html. Vous pouvez obtenir le nom de la page dans la liste des pages de l’éditeur de thème. Consultez Création de pages personnalisées.
Par exemple, si votre nom de domaine est mondocam.zendesk.com et le nom de la page dans le thème est a_propos.hbs, l’URL sera https://mondocam.zendesk.com/hc/p/a_propos.
Si vous voulez insérer un lien vers la page personnalisée dans une autre page ou dans un autre modèle du même centre d’aide, vous pouvez utiliser un lien relatif comme <a href="/hc/p/about_us">À propos de nous</a>.