Partager via

Configurer un copilote pour un site web de démonstration ou une console d’agent

  • Article

Lorsque vous publiez un copilote via Microsoft 365 Copilot pour Service, vous pouvez publier sur un site Web de démonstration prédéfini ou sur votre propre site Web en direct. Un site web de démonstration prédéfini est automatiquement créé pour vous lorsque vous publiez votre Copilot. Un site Web de démonstration est recommandé pour partager votre copilote avec vos collègues et parties prenantes, car ils peuvent le tester pendant que vous continuez à le développer et à l’itérer.

Pour partager votre copilote, publiez-le dans un centre d’engagement client. L’intégration de votre copilote à un centre d’engagement client aide votre Agent Copilot à assister vos conseillers.

Conditions préalables

Ajouter Copilot pour les services à votre hub générique

  1. Mettez à jour le site Web de démonstration. Dans le menu de navigation Copilot pour les services, sélectionnez Paramètres>Canaux. Pour partager le lien du site Web de démonstration, copiez l’URL du site Web de démonstration et partagez-la directement avec vos coéquipiers.

  2. Consultez l’article Configurer le site web de démonstration et ajouter le copilote à votre site web en direct pour savoir comment obtenir une URL pour votre copilote Copilot pour les services.

  3. Dans le menu de navigation Copilot pour les services, sélectionnez Paramètres>Canaux.

  4. En fonction de la destination, sélectionnez Console d’agent.

  5. Copiez le code incorporé pour permettre à votre développeur web d’ajouter Copilot pour les services à votre hub.

Ajouter Copilot pour les services à votre fournisseur tiers

En plus des instructions génériques dans les sections précédentes, les sections suivantes fournissent des conseils pour certains fournisseurs tiers courants. Pour toute question sur les fonctions tierces et les fonctionnalités des expériences intégrées individuelles, consultez le support pour ces fournisseurs.

Genesys

Pour commencer, assurez-vous que ces services ou fonctionnalités sont en place :

  1. Un compte Genesys actif est activé.
  2. Copiez l’URL src de l’iframe. Vous pouvez utiliser cette URL dans Genesys Cloud.
  3. Suivez la documentation de Genesys pour Configurer une intégration du widget d’interaction.
  4. À l’étape 7 de l’article Genesys, collez votre URL src en tant qu’URL d’application dans Configuration>Propriétés.

Salesforce

Pour commencer, assurez-vous que ces services ou fonctionnalités sont en place :

  1. Un compte Salesforce actif avec Service Cloud et Lightning activés. Un compte Salesforce est nécessaire pour connecter Copilot pour les services.

  2. Accès de l’administrateur ou du développeur à Salesforce et à Copilot pour les services.

  3. Copiez l’URL src de l’iframe.

  4. Dans le menu de navigation, sélectionnez Paramètres>Canaux>Console Agent.

  5. Copiez l’extrait d’iframe personnalisé dans le Code d’intégration. Pour plus d’informations, consultez Ajouter votre copilote à votre site Web.

  6. Créez une référence à la page Visualforce avec l’iframe.

  7. Connectez-vous à votre compte Salesforce, puis accédez à Configurer.

  8. Dans la zone Recherche rapide, saisissez « Visualforce » et sélectionnez Pages Visualforce.

  9. Sélectionnez Nouveau pour créer une nouvelle page Visualforce.

    • Ajoutez une Étiquette.
    • Ajoutez un Nom.
    • Cochez la case Disponible pour Lightning Experience.

  10. Dans la zone Visualforce Markup, ajoutez le code suivant. Assurez-vous de fournir vos propres valeurs pour {domain}, {environment}, {bot} et {version}.

    <apex:page >
  <iframe src="https://{domain}/environments/{environment}/copilots/{bot}}/webchat?__version__={version}" frameborder="0" style="width: 100%; height:100%;"></iframe>
</apex:page>

    Note

    Vous devrez peut-être ajuster la hauteur de l’iframe en fonction de la taille du widget Agent Desktop. Par exemple, au lieu que la hauteur soit 100%,, vous pouvez la remplacer par 300px

  11. Sélectionnez Enregistrer.

ServiceNow

Pour commencer, installez ces plug-ins : Virtual Agent, Bot Interconnect et Knowledge API.

  1. Dans votre instance ServiceNow, sélectionnez Tout, puis recherchez le terme « plug-ins ».
  2. Accédez à la page Définition du système>Plug-ins.
  3. Sur la page Gestionnaire d’applications, recherchez Virtual Agent, puis installez-le.

    Note

    Virtual Agent inclut Glide Virtual Agent. Vous pouvez utiliser ce plug-in à la place de tout le plug-in Virtual Agent.

  4. Si vous utilisez la version Vancouver ou une version antérieure, Knowledge API est également requis.
  5. Installez le plug-in BOT Interconnect.

    Note

    Assurez-vous d’installer d’abord le plug-in Virtual Agent, en raison des dépendances du plug-in Bot Interconnect.

Incorporer Copilot dans ServiceNow Agent Desktop

  1. À partir de votre instance ServiceNow, sélectionnez Tout à nouveau et recherchez UI Builder.
  2. Accédez à Now Experience Framework>UI Builder et sélectionnez UI Builder.
  3. Sélectionnez la page dans laquelle vous souhaitez incorporer Copilot, par exemple Espace de travail configurable CSM/CFM.
  4. Dans Pages et variantes, sélectionnez la page que vous souhaitez modifier, par exemple Page d’arrivée>Page d’arrivée CSM.
  5. Sélectionnez Modifier dans la portée d’origine dans le coin supérieur droit de l’écran. Maintenant vous pouvez ajouter des éléments à l’espace de travail.
  6. Dans la barre d’outils latérale gauche, sélectionnez Composants.
  7. Sélectionnez iFrame, puis faites-le glisser et déposez-le à l’emplacement souhaité sur votre page.
  8. Accédez à votre instance Copilot pour les services et sélectionnez Ajouter à la console de l’agent.
  9. Sur l’écran Console de l’agent, dans Incorporer le code, copiez uniquement l’URL qui suit 'src="'. Ce format doit être https://servicecopilot.microsoft.com/environments/.../webchat.
  10. Revenez à l’application ServiceNow UI Builder, puis sélectionnez le composant iFrame que vous avez ajouté.
  11. Dans le champ Source, collez l’URL et mettez à jour le titre.
  12. Modifiez la taille et définissez le bouton bascule Désactiver le bac à sable sur Oui.
  13. Afficher un aperçu et tester Copilot pour les services : sélectionnez Ouvrir en haut d’UI Builder.
  14. Une fois vos modifications terminées, sélectionnez Enregistrer.

Zendesk

Pour connecter Zendesk Agent Desktop à un copilote Copilot pour les services, implémentez les étapes d’iframe et de composant suivantes.

Avant de commencer, assurez-vous que les prérequis suivants sont en place :

Récupérer l’iframe personnalisé Copilot pour les services

Depuis votre menu de navigation Copilot pour les services, sélectionnez Paramètres>Canaux>Site web personnalisé pour copier votre code incorporé pour l’iframe.

Ajouter l’iframe Copilot pour les services à l’interface de l’agent

  1. Connectez-vous à Zendesk Support et accédez à Produits Zendesk>Section Administrateur.

  2. Sélectionnez Applications>Applications Zendesk Support dans le menu de gauche.

  3. Accédez à Marketplace et recherchez « Barre latérale du ticket d’iframe ».

    Capture d’écran de la page Barre latérale du ticket d’iframe et emplacement du bouton d’installation.

  4. Installez l’application iframe.

  5. Configurez la barre latérale de l’iframe en ajoutant l’URL de votre Copilot pour les services dans le champ iframe URL. Assurez-vous de coller uniquement l’URL, en excluant toutes les balises HTML.

    Note

    Vous devrez peut-être ajuster la hauteur de l’iframe en fonction de la taille du widget Agent Desktop. Par exemple, au lieu que la hauteur soit 100%,, vous pouvez utiliser 300px

  6. Cliquez sur Mettre à jour.

Ajouter un composant à Agent Desktop

  1. Connectez-vous à votre compte Zendesk et ouvrez un ticket. Pour plus d’informations sur les tickets, consultez Utilisation de tickets.

  2. Dans le menu de navigation, choisissez Applications>Barre latérale du ticket d’iframe.

    Note

    Pour un accès plus rapide, utilisez l’option Épingler à la barre latérale.