Partage via

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

  • Article

Lors de la publication d’un assistant IA au moyen de Microsoft 365 Copilot pour les services, vous pouvez le publier sur un site web de démonstration prédéfini ou sur votre propre site web en ligne. Un site web de démonstration prédéfini est automatiquement créé pour vous lorsque vous publiez votre assistant IA. Un site web de démonstration est utile pour partager votre assistant IA avec vos collègues et parties prenantes, puisqu’ils peuvent le tester pendant que vous continuez à le développer et à l’itérer.

Pour partager votre assistant IA, publiez-le sur un hub d’engagement client. L’intégration de votre assistant IA à un hub d’engagement client aide vos représentants du service clientèle.

Prérequis

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 l’assistant à votre site web en direct pour savoir comment obtenir une URL pour vos assistants IA.

  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 en savoir plus, consultez Ajouter votre assistant à 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 des assistants 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 sur laquelle vous souhaitez incorporer des assistants IA, 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 assistant IA, 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 les assistants IA personnalisés pour l’iFrame Service

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’assistant IA

  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 en savoir plus sur les tickets, consultez Utilisation des 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.