Incorporer un portail personnalisé

Rversion finale: Australia

Mis à jour 12 mars 2026

2 minutes de lecture

Incorporez votre portail personnalisé pour remplacer l’onglet Centre des employés en Microsoft Teams configurant la propriété système. Le portail personnalisé s’affiche dans l’onglet Centre des employés dans Microsoft Teams.

Avant de commencer

Rôle requis : admin

Si vous utilisez un portail personnalisé plutôt que Centre des employés, vous pouvez remplacer le Centre des employés incorporé par votre portail personnalisé, afin qu’il soit accessible dans Microsoft Teams. Les étapes suivantes vous guident dans la configuration de l’intégration de votre portail.

Procédure

Dans le volet de navigation, saisissez sys_properties.list.
Recherchez la propriété sn_now_teams.portal.suffix sous Nom.
Sélectionnez sn_now_teams.portal.suffix.
Entrez la valeur de votre portail personnalisé dans le champ Valeur .
Sélectionnez Mettre à jour.

Créez un en-tête personnalisé pour le portail incorporé après avoir configuré votre portail personnalisé.

Pour plus d’informations sur l’ajout d’une configuration d’en-tête, consultez Configurer les en-têtes de réponse HTTP.

Dans le volet Navigateur, saisissez sys_response_header.list.
Sélectionnez Nouveau.
Dans le formulaire En-tête de réponse HTTP, renseignez les champs suivants en fonction de vos besoins.
- Actives
- Application
- Enregistrement
- Description

Entrez les valeurs de champ suivantes.

Tableau 1. Valeurs de champ du formulaire d’en-tête de réponse HTTP
Champ	Valeur
Concerne	Spécifier le type
Type	Portail de services [sp_portal]
Nom	Politique de sécurité du contenu
Valeur	Les ancêtres du cadre https://teams.microsoft.com Important : Pour activer le portail personnalisé dans toutes les Microsoft 365 applications, ajoutez les domaines suivants au champ Valeur. .office.com .office365.com .microsoft365.com .cloud.microsoft Par exemple : `Frame-ancestors 'self' https://teams.microsoft.com .office.com .office365.com .microsoft365.com .cloud.microsoft`

Sélectionnez Envoyer.

Masquer le bouton de messagerie instantanée sur le portail personnalisé

Vous pouvez masquer l’option de messagerie instantanée pour votre portail personnalisé qui apparaît dans l’onglet Centre des employés dans Microsoft Teams.

Avant de commencer

Assurez-vous de définir la com.glide.cs.advanced-chat-popover propriété système sur false.

Rôle requis : admin

Procédure

Accédez à la Tous > Portail de services > CSS.
Sélectionnez le CSS personnalisé que vous souhaitez modifier.
Sélectionnez le lien cliquer ici pour modifier le CSS.
Collez le code suivant dans le champ CSS .
Remarque :
Dans l’exemple de code suivant, l’élément .embedded-experience .sp-ac-btn spécifie le bouton de messagerie instantanée et la propriété display : none ; masque le bouton. Vous pouvez personnaliser le code en fonction de vos besoins.
```
/* Embedded portal */

.embedded-experience .sp-ac-btn {
        display: none;
      }
```
Sélectionnez Mettre à jour.
Actualisez l’onglet du portail personnalisé dans Microsoft Teams.

Masquez le bouton de déconnexion sur le portail personnalisé

Vous pouvez masquer l’option de déconnexion de votre portail personnalisé qui apparaît dans l’onglet Centre des employés dans Microsoft Teams.

Avant de commencer

Rôle requis : admin

Procédure

Accédez à la Tous > Portail de services > CSS.
Cliquez sur votre CSS personnalisé.
Cliquez ici pour modifier le CSS.

Pour désactiver le bouton de déconnexion de l’application de Microsoft Teams bureau.

Personnalisez le code suivant selon vos besoins et collez-le dans le CSS.

/* Embedded portal */

/*The code shared to disable the logout button is an example. You need to customize as required to disable logout button.*/

.embedded-experience .avatar-drop-down .header-menu-item:last-child {
        display: none;
      }

Pour désactiver le bouton de déconnexion de l’application Microsoft Teams mobile.

Personnalisez le code suivant selon vos besoins et collez-le dans le CSS.


/* Embedded portal */

/*The code shared to disable logout button is an example. You need to customize as required to disable logout button.*/

.embedded-experience .impersonate-and-logout {
          div > ul > li:last-child {
            display: none !important;
         }
      }

Cliquez sur Mettre à jour.
Actualisez l’onglet du portail personnalisé dans Microsoft Teams.