Personnalisation

Aperçu

L'application Zendesk est conçue pour être hautement personnalisable afin de répondre à vos exigences commerciales spécifiques. Ce guide décrit diverses façons de personnaliser l'Assistant Optave pour votre environnement Zendesk.

Personnalisation UI

1. Personnalisation de l'Interface Utilisateur

Personnalisez l'apparence pour correspondre à l'image de marque de votre organisation en utilisant les principes de design Zendesk.

A. Styles UI Globaux

• Modifier le CSS dans les fichiers de composants pour changer les couleurs, polices et mises en page.
• Mettre à jour les variables de thème pour un style cohérent.

B. Composants UI

• assistantUI – Composant d'interface IA principal. Personnalisez sa mise en page et son comportement interactif.
• uiElements – Composants pour commentaires, étiquettes de filtre et sélecteurs de langue.
• navigation – Composants de navigation tels que barres latérales et en-têtes adaptés pour Zendesk.
• contentDisplay – Composants pour insights, sources et autre contenu.
• reusableComponents – Parties UI partagées utilisées dans l'application.

Traduction & Localisation

L'Assistant Optave inclut le support pour plusieurs langues et paramètres régionaux :

• Ajouter des Langues : Créer de nouveaux fichiers de traduction dans le répertoire src/translations
• Personnaliser la Messagerie : Modifier les traductions existantes pour correspondre au ton et à la terminologie de votre entreprise
• Paramètres Régionaux : Configurer les formats de date, formats de nombres et autres préférences régionales

Extensions d'Intégration

Connectez l'Assistant Optave avec des services supplémentaires et des sources de données :

• API Zendesk : Étendre l'intégration avec des APIs Zendesk supplémentaires au-delà de la fonctionnalité principale de tickets dans src/app/hooks/useConversationListener
• Services Externes : Se connecter à des services supplémentaires ou systèmes internes via l'intégration API
• Sources de Données : Ajouter des connexions aux bases de connaissances ou autres référentiels d'informations

Flux de Travail de Développement

Pour le développement local et la personnalisation :

1. Naviguez vers la racine du projet dans votre terminal
2. Démarrez le serveur de développement :

   pnpm run dev
3. L'application fonctionne maintenant dans votre environnement local et peut être testée dans Zendesk

Options de Déploiement

Configurez comment et où l'Assistant Optave apparaît dans Zendesk :

• Emplacements de l'App : Configurez où l'application apparaît dans Zendesk :
  • Barre latérale des tickets (par défaut)
  • Éditeur de tickets
  • Barre de navigation
  • Boîtes de dialogue modales
• Règles de Visibilité : Définir les conditions pour quand l'application apparaît en fonction des propriétés des tickets
• Permissions Utilisateur : Configurer les niveaux d'accès pour différents rôles d'utilisateurs

Après avoir effectué des personnalisations, reconstruisez l'application et redéployez-la sur votre instance Zendesk en suivant les instructions d'installation.