Interfaces OTOBO

::: note Homonymie Cet article traite des interfaces graphiques et non des interfaces de programmation. Si vous recherchez des informations sur les interfaces de programmation, veuillez consulter plutôt :

• API REST OTOBO.
• Services Web OTOBO.

Ainsi que l'intégration des agents et clients :

• Intégration des agents OTOBO (LDAP et base de données).
• Intégration des clients OTOBO (entreprises) (LDAP et base de données).
• Intégration des utilisateurs clients OTOBO (LDAP et base de données). :::

L'utilisation d'interfaces externes dans le système de tickets OTOBO est essentielle pour une communication efficace et fluide entre votre service client et vos utilisateurs. OTOBO n'est pas seulement un système de helpdesk open source avancé, mais offre également de nombreuses possibilités d'intégration et de personnalisation. Du support client facilité par le portail client OTOBO à l'amélioration de l'efficacité grâce aux services gérés OTOBO, la gamme des cas d'utilisation est vaste.

En développement

Certaines des fonctionnalités présentées ne seront activées que dans les futures versions de OTOBO !

Intégration d'OTOBO avec d'autres systèmes

À l'ère du numérique, une solution de service client dynamique et conviviale est indispensable. OTOBO propose une plateforme qui se distingue non seulement par sa mise en œuvre simple (voir « Configuration d'OTOBO »), mais aussi par ses nombreuses options de personnalisation selon l'identité de votre entreprise (voir « Personnalisation d'OTOBO »). L'interface OTOBO permet une intégration transparente dans les systèmes existants (voir « Intégration OTOBO ») et facilite la gestion des demandes de service.

Gestion des pages personnalisées

Profitez de la possibilité de créer des pages personnalisées dans le système de tickets OTOBO pour adapter votre interface externe à vos besoins. OTOBO vous permet facilement d'ajouter et de gérer des pages personnalisées, constituant ainsi une ressource précieuse pour fournir des informations telles qu'un catalogue de services ou une base de connaissances.

Ajouter des pages personnalisées

Pour ajouter une nouvelle page personnalisée à votre système OTOBO :

1. Sélectionnez l'option « Ajouter une page personnalisée ».
2. Remplissez les champs requis avec vos contenus.
3. Enregistrez vos saisies pour ajouter la nouvelle page au système.

Modifier et supprimer des pages personnalisées

Pour modifier ou supprimer des pages existantes, naviguez via la liste de vos pages personnalisées. À l’aide des options « Modifier » et « Supprimer », vous pouvez apporter des ajustements ou supprimer des pages.

Gestion des pages personnalisées [1]

Avantages des interfaces OTOBO

En utilisant les interfaces OTOBO, vos demandes de service peuvent être traitées plus efficacement, tout en renforçant votre identité d'entreprise. Les options de configuration flexibles d'OTOBO offrent également de nombreuses possibilités pour adapter et étendre votre système (voir « Extension OTOBO », « Modules complémentaires OTOBO »).

Investissez dans les interfaces OTOBO pour optimiser les canaux de communication de votre entreprise. Découvrez les nombreuses fonctionnalités OTOBO et leur potentiel pour améliorer votre service client.

Configuration des pages personnalisées

Lors de l'ajout ou de la modification de pages personnalisées dans le système de tickets OTOBO, certains champs nécessitent une attention particulière. Ces champs permettent une personnalisation approfondie et garantissent que chaque page répond exactement à vos besoins et aux exigences de vos utilisateurs.

Titre interne*
Le titre interne est essentiel pour la gestion dans l'interface d'administration. Il permet d'identifier facilement votre page personnalisée dans l'interface. Bien que ce champ accepte des caractères flexibles, y compris des espaces et des majuscules, il est recommandé de choisir un titre clair et descriptif.

Slug*
Le slug définit le chemin URL de votre page personnalisée. Pour de meilleures performances SEO et une meilleure convivialité, utilisez des lettres minuscules, des chiffres et des tirets au lieu d'espaces.

Validité*
Un champ essentiel pour contrôler l'activation de votre page. Seules les pages marquées comme valides peuvent être vues et accessibles par les utilisateurs. En définissant l'état sur invalide ou temporairement invalide, la page est désactivée mais reste conservée dans le système.

Contenu de la page personnalisée
La zone principale pour donner vie à votre page. Vous pouvez insérer à la fois le titre et le contenu dans la langue de votre choix. Pour prendre en charge plusieurs versions linguistiques de votre page, OTOBO permet d'ajouter facilement du contenu personnalisé pour différentes langues.

En développement

Certaines des fonctionnalités présentées ne seront activées que dans les futures versions de OTOBO !

Gestion de la page d'accueil

La page d'accueil de votre plateforme basée sur OTOBO sert de vitrine pour vos utilisateurs. Utilisez la configuration de la page d'accueil pour créer une première impression forte et rendre les informations importantes immédiatement accessibles.

Conception de la bannière principale (Hero Unit)

La bannière principale (Hero Unit) est un élément central du design de votre page d'accueil. Grâce à un titre percutant, une image ou une couleur de fond attrayante, et la possibilité de superposer texte et image, vous pouvez créer un accueil visuellement attrayant pour vos utilisateurs.

Liste des tickets
Une zone facultative permettant d'afficher directement sur la page d'accueil les tickets les plus récents ou les plus pertinents aux utilisateurs connectés. L'affichage de cette liste est configurable et peut être activé ou désactivé selon vos préférences.

Vignettes d'images (Image-Teaser)

Les vignettes d'images sont une autre méthode pour attirer l'attention des utilisateurs sur des sujets ou actions importants. Placées dans une rangée distincte, elles permettent de créer des points forts visuels sur votre page d'accueil.

En exploitant les possibilités de personnalisation des pages personnalisées et de la page d'accueil dans OTOBO, vous pouvez créer une plateforme non seulement fonctionnelle, mais aussi visuellement et thématiquement adaptée à votre entreprise.

Personnalisation de la page d'accueil avec vignettes d'images et listes de liens

Le design de votre page d'accueil est l'enseigne de votre plateforme basée sur OTOBO. Elle donne la première impression et guide les utilisateurs vers les ressources importantes. Les vignettes d'images et les listes de liens sont des outils puissants pour optimiser et rendre accessible votre interface externe.

Création de vignettes d'images

Les vignettes d'images attirent l'attention sur des sujets ou actions spécifiques et offrent une méthode visuellement attrayante pour mettre en valeur des aspects clés de votre plateforme.

Comment ajouter des vignettes d'images :

1. Allez dans le coin supérieur droit du widget de vignette d'image et cliquez sur « Ajouter ».
2. Sélectionnez une image appropriée qui soutient le message de votre vignette.
3. Saisissez un titre explicite et un texte complémentaire.
4. Définissez la cible du lien pour les utilisateurs souhaitant en savoir plus.

Vignettes d'images sur la page d'accueil [1]

Notez que les couleurs et les titres peuvent également être personnalisés afin d'assurer une harmonie esthétique globale de votre site web.

En développement

Certaines des fonctionnalités présentées ne seront activées que dans les futures versions de OTOBO !

Configuration des listes de liens

Les listes de liens permettent de présenter des ressources pertinentes de manière structurée et conviviale. Elles sont essentielles pour une navigation informative et efficace.

Comment configurer les listes de liens :

1. Cliquez sur « Ajouter » dans le coin supérieur droit du widget de liste de liens.
2. Saisissez un titre concis pour la liste de liens.
3. Définissez le texte du lien et sa destination pour relier des pages détaillées ou des ressources externes.
4. Choisissez entre l'ajout manuel d'éléments ou l'affichage de résultats de recherche.

Liste de liens comme ressource d'information [1]

Dans les deux cas – vignettes d'images et listes de liens – une planification stratégique est recommandée afin de garantir que les contenus soient non seulement esthétiquement plaisants, mais aussi fonctionnels et utiles pour l'utilisateur.

Cartes de contenu : un autre élément de conception

Les cartes de contenu sont un élément utile, similaire aux vignettes d'images et aux listes de liens, pour mettre en valeur vos offres de service et informations. Vous pouvez ajouter jusqu'à trois cartes de contenu, chacune avec un titre, un texte et un lien « en savoir plus » indépendants.

Carte de contenu pour une présentation détaillée [1]

L'utilisation appropriée de ces éléments contribue non seulement à une page d'accueil vivante et attrayante, mais facilite également la navigation et la recherche d'informations pour vos visiteurs.

Note concernant les futures mises à jour

Bien que les fonctionnalités décrites ci-dessus permettent déjà une personnalisation variée, il est important de garder à l'esprit que OTOBO est continuellement amélioré. Les versions futures proposeront probablement davantage de possibilités de personnalisation et de nouvelles fonctionnalités. Restez donc informé et vérifiez régulièrement les mises à jour et nouveautés pour continuer à améliorer votre plateforme.

Personnalisation de l'interface externe dans OTOBO : un guide complet

L'apparence et l'expérience utilisateur de votre plateforme basée sur OTOBO jouent un rôle crucial dans la manière dont les utilisateurs interagissent avec votre service client. En personnalisant la mise en page, vous pouvez non seulement renforcer l'identité de marque, mais aussi améliorer l'ergonomie. Voici comment personnaliser l'interface externe à l'aide du module de mise en page.

Modification de la mise en page par défaut

Une installation neuve de OTOBO dispose déjà d'une mise en page attrayante par défaut. Cependant, vous pouvez modifier tous les aspects du design selon vos directives de marque afin de créer une interface utilisateur unique.

Écran d'édition de la mise en page [1]

Éléments clés de la mise en page

Logo : Un logo marquant dans le coin supérieur gauche renforce la présence de votre marque. Il est recommandé d'utiliser une image PNG claire et reconnaissable.

Favicon : Le favicon est la petite image qui apparaît dans la barre d'adresse du navigateur. Un favicon bien choisi augmente la reconnaissance de votre plateforme.

Couleur principale et couleur d'accent : Ces couleurs sont centrales pour l'expérience visuelle de vos pages. Leur choix doit refléter les couleurs de votre entreprise et s'harmoniser avec l'esthétique générale du site.

Avatar par défaut : Un avatar uniforme assure une continuité visuelle pour toutes les communications sortantes et renforce le sentiment d'appartenance.

CSS personnalisé : Pour des ajustements plus poussés, vous pouvez ajouter votre propre CSS. Cela vous permet de personnaliser presque tous les aspects de l'interface utilisateur selon vos préférences.

Widget pour CSS personnalisé [1]

Personnalisations avancées avec des scripts personnalisés

Pour étendre les fonctionnalités de votre plateforme, vous pouvez intégrer vos propres scripts. Cela est utile pour des solutions intégrées telles que les services de chat ou pour l'analyse web.

Exemple : intégration d'outils d'analyse web

L'intégration de scripts externes, tels que des extraits de code fournis par des fournisseurs d'analyse web, vous permet de suivre et analyser le comportement des utilisateurs. Ces scripts peuvent être insérés en toute sécurité dans OTOBO et fournissent des informations précieuses pour optimiser l'expérience utilisateur.

Normes de sécurité

L'interface externe de OTOBO repose sur des normes de sécurité élevées et utilise des en-têtes de stratégie de sécurité de contenu (CSP) pour garantir que seul du code de confiance est exécuté. Ce mécanisme de protection assure que même si du code inattendu atteint le client, il ne sera pas exécuté par le navigateur.

Configuration de scripts personnalisés

L'intégration de scripts supplémentaires dans votre interface externe peut se faire comme suit :

• ExternalFrontend::ExternalScripts pour les scripts externes.
• ExternalFrontend::InlineScripts pour les scripts en ligne.
• WebApp::Server::AdditionalOrigins pour spécifier des origines supplémentaires.

Ces paramètres se trouvent dans la configuration système.

Résumé de l'intégration de scripts

La personnalisation de la mise en page de votre plateforme OTOBO est un moyen efficace de créer un lien entre l'identité de votre marque et les utilisateurs de votre service client. En ajustant soigneusement les éléments de design et en intégrant vos propres scripts, vous pouvez offrir une expérience utilisateur sur mesure et sécurisée.

1. Autoriser la source du script externe (whitelist) :

   • Accédez à l'écran Configuration système.
   • Recherchez le paramètre WebApp::Server::AdditionalOrigins.
   • Modifiez ce paramètre pour ajouter l'emplacement de la source du script externe (par exemple https://www.example.com).

2. Autoriser les scripts en ligne et les évaluations :

   • Cela peut être plus complexe, car il peut être nécessaire de modifier directement le paramètre Content-Security-Policy du serveur web ou d'un serveur proxy pour autoriser les scripts en ligne et les opérations 'eval'.
   • Si votre installation OTOBO permet d'accéder à ces paramètres plus profonds du serveur web ou du proxy, recherchez les options permettant de modifier la directive script-src de la CSP et d'ajouter unsafe-inline ainsi que unsafe-eval.

3. Appliquer les modifications après ajout :

   • Enregistrez tous les paramètres modifiés et assurez-vous que la nouvelle configuration système est activée.
   • Relancez la commande bin/otobo.WebServer.pl --deploy-assets pour garantir que toutes les ressources sont correctement redéployées et que les modifications sont appliquées.

Vérification des modifications

Après avoir effectué ces changements et reconstruit l'application d'interface externe, rechargez votre site web et vérifiez que les scripts externes et en ligne sont désormais correctement chargés et exécutés.

Avertissements de sécurité :

• Il est important de noter que l'ajout de unsafe-inline et unsafe-eval à votre CSP peut potentiellement réduire la sécurité de votre application web, car cela augmente les risques d'attaques par script intersites (XSS). Assurez-vous de n'effectuer ces modifications que pour des sources de scripts de confiance.
• L'autorisation de sources externes dans la CSP est une fonctionnalité puissante qui aide à maintenir la sécurité en garantissant que seuls les contenus provenant de sources fiables sont chargés. Chaque ajout doit être soigneusement examiné.

L'intégration de ressources de scripts externes et l'ajout de code en ligne à OTOBO nécessitent une planification et une configuration minutieuses, en particulier en ce qui concerne la sécurité. En suivant attentivement les étapes ci-dessus, vous pouvez étendre les fonctionnalités de votre service client OTOBO sans compromettre la sécurité de vos utilisateurs.

Politiques de sécurité lors de l'autorisation de ressources externes

L'intégration de scripts et de ressources externes peut étendre les fonctionnalités de OTOBO et ouvrir de nouvelles possibilités pour la communication de votre service client. Comme expliqué précédemment, il est toutefois important d'être conscient des risques potentiels pour la sécurité. Chaque ressource externe ajoutée comporte un risque d'influences indésirables sur votre application. Par conséquent, seules les sources fiables doivent être autorisées.

Le processus d'autorisation (whitelisting)

En autorisant des ressources dans OTOBO via le paramètre WebApp::Server::AdditionalOrigins pour différentes directives CSP telles que script-src, img-src, etc., la console du navigateur vous aide à identifier les tentatives de chargement ayant échoué en raison du blocage par la CSP. En suivant ces indications, vous pouvez offrir à vos utilisateurs une expérience sécurisée et efficace.

Points importants à retenir

• Minimiser les risques de sécurité : Évitez d'autoriser des sources inconnues ou non sécurisées.
• Vérifications régulières : Vérifiez périodiquement les sources pour vous assurer qu'elles restent sûres.
• Limiter l'accès : Autorisez uniquement les ressources nécessaires afin de réduire les risques d'attaques.

Fonctionnalités futures : Catalogue de service client

Un aperçu des fonctionnalités à venir dans OTOBO est le catalogue de service client. Cette section vous permettra de créer des catégories et des éléments spécialement destinés à l'interface externe. Bien que cette fonctionnalité soit encore en développement, elle promet d'améliorer davantage la communication et les offres de service de votre helpdesk.

WARNING

Pour utiliser ces fonctionnalités avancées ou si vous recherchez des personnalisations spécifiques non encore disponibles, n'hésitez pas à contacter le service client OTOBO. Les experts de OTOBO sont toujours prêts à trouver des solutions personnalisées et à faire passer votre plateforme au niveau supérieur.

Résumé

La personnalisation de votre plateforme OTOBO par l'ajout de scripts et de ressources externes ouvre un large éventail de possibilités. Il est toutefois essentiel de garantir la sécurité de votre application et la fiabilité des sources. Avec une prudence appropriée et des mises à jour régulières, vous assurez une utilisation sécurisée et fluide de votre plateforme de service client.

Gestion efficace du catalogue de service client dans OTOBO

Dans le cadre d'un service client renforcé, OTOBO vous permet de créer et gérer un catalogue de service client complet. Ce module, divisé en deux composantes principales – gestion des catégories et gestion des éléments – permet une présentation structurée et efficace de vos services et ressources.

Gestion des catégories

La gestion des catégories vous permet de regrouper des éléments similaires en groupes logiques. Cela facilite pour les utilisateurs la recherche d'offres ou d'informations spécifiques au sein de votre plateforme.

Ajouter de nouvelles catégories

Pour ajouter une nouvelle catégorie à votre catalogue :

1. Accéder à la gestion des catégories : Sélectionnez l'option « Aller à la gestion des catégories » ou naviguez via le module « Gestion des catégories ».
2. Nouvelle catégorie : Cliquez sur « Ajouter une catégorie ».
3. Remplir les détails : Complétez les champs requis avec les informations sur la catégorie.
4. Enregistrer : Confirmez vos saisies en cliquant sur « Enregistrer ».

Ajout d'une nouvelle catégorie [1]

Modifier et supprimer des catégories

Pour modifier ou supprimer des catégories existantes, suivez une procédure similaire, mais sélectionnez cette fois la catégorie souhaitée dans la liste, puis choisissez « Modifier » ou utilisez l'icône de corbeille pour la supprimer.

Gestion des éléments

Les éléments représentent des offres concrètes, des services ou des sources d'information regroupés dans leurs catégories respectives.

Comment ajouter des éléments

1. Accéder à la gestion des éléments : Sélectionnez « Aller à la gestion des éléments » ou utilisez le module « Gestion des éléments ».
2. Ajouter un élément : Cliquez sur le bouton « Ajouter un élément ».
3. Saisir les informations : Remplissez les champs requis avec les détails de l'élément.
4. Enregistrer : En cliquant sur « Enregistrer », vous ajoutez l'élément à votre catalogue.

Ajout d'un nouvel élément [1]

Personnalisation et organisation

Le catalogue de service client offre de nombreuses possibilités de personnalisation, notamment l'attribution d'éléments à des sous-catégories et le choix de langues spécifiques pour différentes catégories et éléments. Cette flexibilité vous permet de créer un catalogue sur mesure et accessible pour vos utilisateurs, indépendamment de leur langue préférée ou de leurs intérêts particuliers.

Remarque sur la validité

Pour une utilisation efficace du catalogue de service client, il est essentiel de surveiller la validité de vos catégories et éléments. Un élément ou une catégorie n'est visible et accessible aux utilisateurs que si sa validité est définie sur « valide ».

Conclusion

Le catalogue de service client dans OTOBO est un outil puissant pour structurer et présenter vos offres. Grâce à une gestion ciblée des catégories et des éléments, vous pouvez concevoir un portefeuille de services clair et convivial, répondant aux besoins et exigences de vos clients.

Modifier les éléments du catalogue de service client OTOBO

La gestion des éléments dans votre catalogue de service client OTOBO est simple et intuitive. Vous pouvez à tout moment modifier des éléments pour mettre à jour leurs informations ou les supprimer s'ils ne sont plus nécessaires. Voici un guide détaillé sur la manière d'effectuer ces actions.

Modifier des éléments

Si les informations de votre offre changent ou que vous souhaitez simplement corriger une erreur, suivez ces étapes pour modifier des éléments dans votre catalogue de service client :

1. Sélectionner l'élément : Accédez à l'écran de gestion des éléments. Parcourez la liste et cliquez sur l'élément que vous souhaitez modifier.

2. Apporter des modifications : Sur l'écran de modification, vous pouvez mettre à jour les différents champs de l'élément.

3. Enregistrer les modifications : Une fois les ajustements nécessaires effectués, cliquez sur « Enregistrer » ou « Enregistrer et quitter » pour confirmer les changements.

Modification d'un élément dans le catalogue de service client [1]

Supprimer des éléments

Suivez ces étapes simples pour supprimer un élément de votre catalogue de service client :

1. Trouver l'élément à supprimer : Sur la page de gestion des éléments, recherchez l'élément que vous souhaitez supprimer.

2. Lancer la suppression : Cliquez sur l'icône de corbeille située à côté de l'élément souhaité.

3. Confirmer la suppression : Une boîte de dialogue de confirmation apparaît. Cliquez sur « Confirmer » pour finaliser la suppression.

Suppression d'un élément du catalogue de service client [1]

Conseils pour une gestion efficace

• Utiliser les filtres : Si votre catalogue contient de nombreux éléments, utilisez le champ de filtre pour accéder rapidement à des éléments spécifiques en saisissant leur nom.
• Prise en charge multilingue : Lors de l'ajout ou de la modification d'un élément, vous pouvez ajouter du contenu dans différentes langues pour toucher un public plus large.
• Attribution de catégories : Pour une meilleure organisation et une recherche facilitée de vos offres, attribuez soigneusement un ou plusieurs catégories à chaque élément.

Paramètres importants des éléments

• Titre interne : Ce titre vous aide à gérer votre catalogue, mais n'est pas visible par les utilisateurs finaux.
• Validité : Seuls les éléments marqués comme valides sont affichés dans l'interface externe. Utilisez ce paramètre pour désactiver temporairement des offres sans les supprimer.
• Contenu localisé : Définissez des titres, textes et liens pour chaque langue afin de rendre vos éléments informatifs et attrayants.

Avec ces fonctionnalités, OTOBO vous offre de vastes possibilités pour organiser intelligemment votre catalogue de service client et le mettre à jour en permanence.