Ajouter un copilote à votre site Power Pages (version préliminaire)

[Cette rubrique fait partie de la documentation en version préliminaire et peut faire l’objet de modifications.]

Un copilote de site Power Pages peut fournir un support client rapide et efficace aux visiteurs et utilisateurs de votre site, ce qui peut améliorer l’expérience utilisateur globale de votre site. Power Pages permet d’en ajouter un facilement. En quelques minutes seulement, vous pouvez créer un copilote Microsoft Copilot Studio sur votre site qui utilise des réponses génératives, c’est-à-dire le langage naturel pour répondre aux questions et suggérer des solutions aux problèmes de manière conversationnelle.

Important

  • Cette fonctionnalité est en version préliminaire.
  • Les fonctionnalités en version préliminaire ne sont pas destinées à une utilisation en production et peuvent être restreintes. Ces fonctionnalités sont disponibles avant une publication officielle afin que les clients puissent y accéder de façon anticipée et fournir des commentaires.
  • Pour comprendre les capacités et les limitations de cette fonctionnalité, consultez FAQ sur le copilote.
  • Si vous configurez le copilote pour des réponses génératives à partir de données publiques à l’aide de la recherche Bing, l’utilisation de la recherche Bing est régie par les Contrats de services Microsoft et la Déclaration de confidentialité Microsoft.

Conditions préalables

Pour utiliser les fonctionnalités Copilot basées sur l’IA dans Power Pages :

  • Votre environnement doit être situé dans les régions États-Unis, Europe, Royaume-Uni, Australie ou Inde. Consultez les régions géographiques de stockage et de traitement des données pour les services Azure Open AI et Recherche Bing.
  • La langue de votre navigateur doit être définie sur États-Unis-Anglais.
  • Votre administrateur client doit activer le paramètre Publier les bots avec les fonctionnalités d’IA dans le centre d’administration Power Platform.
  • Le copilote utilise les réponses génératives Microsoft Copilot Studio. Reportez-vous à Quotas et prix Copilot Studio pour obtenir plus d’informations.

Ajouter un copilote

Vous pouvez ajouter manuellement un copilote en suivant les étapes ci-dessous.

Note

Si un site répond aux conditions décrites dans la section des conditions préalables, le copilote sera ajouté au site lors de l’approvisionnement du site. Si vous préférez ne pas créer le copilote par défaut, les administrateurs de service peuvent désactiver cette fonctionnalité au niveau du client, comme décrit dans la section Désactiver l’approvisionnement du copilote par défaut.

  1. Accédez à l’Espace de travail Configurer.

  2. Sous Intégrations,, sélectionnez Ajouter un copilote (version préliminaire)

    Capture d’écran de la page du copilote (version préliminaire) dans Power Pages.

  3. Activez Créer un copilote.

    Power Pages crée un copilote pour les conversations avec réponses génératives pour vous dans Copilot Studio.

  4. Pour rendre le copilote disponible pour les visiteurs et les utilisateurs, activez l’option Activer le copilote sur le site.

    Si l’administrateur de votre client n’a pas activé la publication du copilote avec les fonctionnalités d’IA, l’option Activer le copilote sur le site n’est pas disponible.

Personnaliser votre copilote

Lors de la création d’un copilote pour un site web, le contenu du site d’hébergement est utilisé pour générer des réponses. Le service Dataverse facilite l’indexation du contenu du site et des tables configurées, qui sont ensuite résumées par Copilot Studio pour générer des réponses.

Les utilisateurs authentifiés du site reçoivent des réponses personnalisées et résumées qui correspondent à leurs rôles Web. Pour améliorer davantage le modèle de contenu pour les utilisateurs authentifiés du site, affinez les données en procédant comme suit :

  1. Ouvrez le chatbot.

  2. Sous Affiner vos données, choisissez le bouton Apporter des modifications.

  3. Sélectionnez Choisir le contrôle de recherche de tables pour sélectionner ou désélectionner les tables.

    • Vous pouvez sélectionner plusieurs tables dans cette section. Assurez-vous que toute table que vous sélectionnez ici est utilisée sur le site.
    • Dans les pages suivantes, vous devez spécifier la page où la table est utilisée pour générer l’URL de la citation.
  4. Sélectionnez Suivant.

  5. Sous Choisir une table, sélectionnez la table contenant les colonnes et le lien de la page que vous souhaitez sélectionner. La table n’apparaît que si elle comporte au moins une colonne multiligne.

    • Vous ne pouvez sélectionner qu’une table à la fois.
  6. Sous Ajouter un lien de page, sélectionnez la page où la table est utilisée.

    Note

    • Assurez-vous de sélectionner la page correcte où la table est utilisée. Si vous choisissez une table incorrecte, le bot fournit une URL de citation incorrecte pour les réponses.
    • La page doit utiliser « id » comme paramètre de chaîne de requête ; l’URL de la citation ne fonctionne pas correctement si un autre nom de paramètre est utilisé.
  7. Sous Choisir les colonnes, sélectionnez la liste de colonnes utilisées dans la page.

    Note

    Seule une colonne avec du texte multiligne est disponible.

  8. Sélectionnez Suivant et examinez la sélection.

  9. Choisissez Enregistrer pour envoyer les modifications.

Personnaliser les apparences du copilote

Vous pouvez personnaliser le style du copilote en remplaçant les classes Feuille de style en cascade par défaut (CSS). Pour ce faire, ajoutez une balise de style au modèle d’en-tête et suivez ces étapes pour remplacer les valeurs.

  1. Accédez à l’éditeur de code du site.
  2. Dans la Navigation de l’explorateur, développez le dossier web-templates.
  3. Ouvrez Header.html.
  4. Ajoutez votre balise de style. Une capture d’écran de Visual Studio avec un dossier, un fichier et un sélecteur CSS mis en évidence.
  5. Remplacez les styles respectifs.

Widget du copilote

Une capture d’écran du widget du chatbot.

Icône réduite du copilote :

.pva-embedded-web-chat-widget {
    	background-color: #484644;
	border: 1px solid #FFFFFF;	
}

Info-bulle :

.pva-embedded-web-chat-widget .pva-embedded-web-chat-widget-tooltip-text {
	background: white;
	color: #323130;
}

Éléments du copilote

Référencez les exemples CSS fournis pour voir des exemples sur la façon de personnaliser les éléments de votre chatbot.

Une capture d’écran d’un chatbot avec des éléments individuels annotés.

1. En-tête

.pages-chatbot-header 
{ 
	background: #77a145;  
	color: #ffffff; 
}

2. Hauteur et largeur

.pva-embedded-web-chat[data-minimized='false'] {
 	height: 80%;
	width: 25%;
	max-width: 400px;
	max-height: 740px;
}

3. Fenêtre du copilote

.pva-embedded-web-chat-window { 
  background: white;  
} 

4. Bulle du copilote

Couleur d’arrière-plan :

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { 
  background-color: #77a145 !important;  
  border-radius: 5px !important; 
} 

Couleur du texte :

.webchat__bubble:not(.webchat__bubble--from-user) p {  
color: #ffffff; 
} 

5. Info-bulle de l’utilisateur

Couleur d’arrière-plan :

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content { 
  background-color: #797d81 !important;  
  border-radius: 5px !important; 
} 

Couleur du texte :

.webchat__bubble.webchat__bubble--from-user p {  
  color: #ffffff; 
} 
.webchat__link-definitions__badge {  
  color: blue !important; 
} 

.webchat__link-definitions__list-item-text {  
  color: blue !important;  
} 

.webchat__render-markdown__pure-identifier {  
  color: blue !important; 
} 

7. Message privé

Couleur d’arrière-plan :

.pva-privacy-message {  
  background: #797d81;  
} 

Couleur du texte :

.pva-privacy-message p {  
  color: #ffffff;  
  font-size: 12px;  
  font-weight: 400; 
} 

Désactiver l’approvisionnement du copilote par défaut

Les Administrateurs de service qui sont membres de l’un des rôles Microsoft Entra suivants peuvent utiliser un script PowerShell pour modifier le paramètre au niveau du client enableChatbotOnWebsiteCreation :

La valeur par défaut du paramètre au niveau du client est « null », qui se comportera comme si le paramètre était défini sur « true » et créera le bot lors de la création du site. L’administrateur peut définir sa valeur sur « true » ou « false ».

Pour obtenir la valeur actuelle du paramètre au niveau du client, utilisez la commande Get-TenantSettings. Par exemple :

$myTenantSettings = Get-TenantSettings
$ myTenantSettings.powerPlatform.powerPages

Note

La commande Get-TenantSettings ne répertorie pas les paramètres du client dont la valeur est nulle. La valeur par défaut du paramètre au niveau du client enableChatbotOnWebsiteCreation est nulle, car elle n’apparaît pas la première fois que vous exécutez le script. Après avoir défini sa valeur sur true ou false, le paramètre apparaît dans la liste.

Pour définir une valeur pour enableChatbotOnWebsiteCreation, utilisez la commande Set-TenantSettings . L’exemple suivant définit la valeur sur false :

$requestBody = @{
    powerPlatform = @{
        powerPages = @{
            enableChatbotOnWebsiteCreation = $false
        }
    }
}
Set-TenantSettings -RequestBody $requestBody

Problèmes connus

  • Vous ne pouvez pas modifier le domaine personnalisé de votre site après avoir ajouté un copilote. À la place, désactivez le copilote, modifiez le domaine personnalisé, puis réactivez le copilote.
  • Bien que vous puissiez activer la fonctionnalité du copilote sur les sites que vous créez en dehors des régions dans lesquelles le chatbot est disponible, le copilote pourrait ne pas être créé.
  • Si vous désactivez la fonctionnalité du copilote, attendez quelques minutes que les opérations en arrière-plan se terminent avant de la réactiver.

Voir aussi