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

    1. Dans le volet de navigation, saisissez sys_properties.list.
    2. Recherchez la propriété sn_now_teams.portal.suffix sous Nom.
      Liste des propriétés système
    3. Sélectionnez sn_now_teams.portal.suffix.
    4. Entrez la valeur de votre portail personnalisé dans le champ Valeur .
      Valeur personnalisée
    5. Sélectionnez Mettre à jour.
    6. 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.

      1. Dans le volet Navigateur, saisissez sys_response_header.list.
      2. Sélectionnez Nouveau.
      3. Dans le formulaire En-tête de réponse HTTP, renseignez les champs suivants en fonction de vos besoins.
        • Actives
        • Application
        • Enregistrement
        • Description
      4. 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
      5. 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

    1. Accédez à la Tous > Portail de services > CSS.
      Liste CSS
    2. Sélectionnez le CSS personnalisé que vous souhaitez modifier.
    3. Sélectionnez le lien cliquer ici pour modifier le CSS.
      Modifier CSS
    4. 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;
      }
    5. Sélectionnez Mettre à jour.
    6. 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

    1. Accédez à la Tous > Portail de services > CSS.
      Liste CSS
    2. Cliquez sur votre CSS personnalisé.
    3. Cliquez ici pour modifier le CSS.
      Modifier CSS
    4. 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;
      }
    5. 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;
         }
      }
    6. Cliquez sur Mettre à jour.
    7. Actualisez l’onglet du portail personnalisé dans Microsoft Teams.