---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Exemples de widgets

# Exemples de widgets {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 24 juin 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Tous les widgets du portail de services peuvent être utilisés comme exemple de code pour illustrer l'utilisation des scripts dans un widget. Cependant, plusieurs widgets du système de base ont été inclus expressément à cet effet.

Utilisez les exemples de widgets pour découvrir comment utiliser HTML, CSS ou des scripts client et serveur dans Portail de services. Vous pouvez également cloner et étendre chaque widget en fonction de vos besoins.
* **[Widget d'annonces](https://servicenow-prod.fluidtopics.net/qCCYMNrp0IOWJgNQVcikaw)**   
  Les utilisateurs peuvent voir toutes les annonces actives. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget d'approbations](https://servicenow-prod.fluidtopics.net/owQsHBh~6frfqlGGyb28dA)**   
  Les utilisateurs peuvent approuver ou rejeter des éléments directement dans Portail de services. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget d'informations sur l'approbation](https://servicenow-prod.fluidtopics.net/yRqeJSjv2TQJ4Wicjd476w)**   
  Le widget Informations sur l'approbation fonctionne en tandem avec le widget Approbation pour afficher les détails de la demande d'approbation. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget d'enregistrement d'approbation](https://servicenow-prod.fluidtopics.net/bDOwRtbVH9icHnvN6c84Ag)**   
  Le widget Enregistrement d'approbation affiche l'enregistrement complet d'une approbation, y compris le flux d'activité. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de fil d'Ariane](https://servicenow-prod.fluidtopics.net/shqdJIq72Ndf8XzhfjAJGg)**   
  Le widget de fils d'Ariane permet aux utilisateurs de naviguer facilement dans un portail. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget Jeu de répartition](https://servicenow-prod.fluidtopics.net/FeWVM9FPo9ysCBCoIju6cA)**   
  Ajoutez une page 404 amusante et interactive à des pages qui n'existent pas à l'aide du widget Breakout Game. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de calculatrice](https://servicenow-prod.fluidtopics.net/usjfTmxuFrSzRdA2DcEWFA)**   
  Le widget de calculatrice effectue des calculs simples. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de carrousel](https://servicenow-prod.fluidtopics.net/phbRo1LPNiHoyK5ZMHLvEg)**   
  Présentez des éléments spécifiques de votre catalogue à l'aide d'une liste déroulante d'images dans le widget carrousel. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget Changement du mot de passe](https://servicenow-prod.fluidtopics.net/SRDrnOUKUU2fWH6ivZ1ywg)**   
  Les utilisateurs peuvent modifier leur mot de passe à l'aide du widget Changement du mot de passe.
* **[Widget d'horloge cool](https://servicenow-prod.fluidtopics.net/IkTI6P7PdG2odighcTZxCA)**   
  Affichez différentes heures dans le monde à l'aide du widget Horloge cool. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Table de données du widget de définition d'instance](https://servicenow-prod.fluidtopics.net/z9pk5uzXbeyzRrD9asXKwg)**   
  Affichez une liste filtrée sur votre portail à l'aide de la table de données du widget de définition d'instance. À partir du menu contextuel du widget, les utilisateurs du portail peuvent exporter la liste filtrée. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Table de données à partir du widget de définition d'URL](https://servicenow-prod.fluidtopics.net/uaxFlrPaxNbu6nmb8rOm8Q)**   
  Le widget Table de données à partir de la définition de l'URL affiche la table que vous sélectionnez dans la liste. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget Documents](https://servicenow-prod.fluidtopics.net/iVPw65RhjhZzdQ8npCBmIA)**   
  Vous pouvez ajouter, modifier ou supprimer des documents associés à des enregistrements en fonction des autorisations utilisateur via le widget Documents. Vous pouvez utiliser ce widget dans votre portail ou le cloner et le personnaliser.
* **[Widget de formulaire](https://servicenow-prod.fluidtopics.net/THAidzCdlsX_Nh7tOUsTaw)**   
  Le widget de formulaire est un formulaire de plateforme au sein de l'interface Portail de services utilisateur avec quelques différences. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de menu d'en-tête](https://servicenow-prod.fluidtopics.net/AmB33HUTLauIYa2ochXCTw)**   
  Le widget Menu d'en-tête contrôle les options qui apparaissent dans l'en-tête de la page. Vous pouvez utiliser ce widget de système de base tel quel dans votre portail.
* **[Widgets Hello World](https://servicenow-prod.fluidtopics.net/TQ32lH3ib~O4rOtyDrUkqA)**   
  Les widgets Hello World sont inclus avec Portail de services des exemples d'utilisation et de création de widgets. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget HTML](https://servicenow-prod.fluidtopics.net/FjjUfcmOuFusvWhTMUIU7w)**   
  Utilisez le widget HTML pour injecter directement du HTML, du texte, des listes ou du contenu en général dans une page. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de lien d'icône](https://servicenow-prod.fluidtopics.net/PzEGYD~S8_bGC_i8lJNbcw)**   
  Lien vers n'importe quel autre élément. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de liste de menu d'icône](https://servicenow-prod.fluidtopics.net/OfEr1pPwVVyiiam27hOl_w)**   
  Une liste simple avec une icône de glyphe à côté de chaque lien. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de changement de langue](https://servicenow-prod.fluidtopics.net/jQaczWy_UuzOIl~P8F5xdQ)**   
  Ajoutez le widget Commutateur de langue à une page de destination ou d'accueil pour permettre à vos utilisateurs de changer la langue de la page. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de bouton de lien](https://servicenow-prod.fluidtopics.net/~t0lhCR~GB18BpzkSBbGwA)**   
  Le widget Bouton de lien est un bouton que vous pouvez imbriquer dans n'importe quel autre widget lié à une autre destination. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de connexion](https://servicenow-prod.fluidtopics.net/2Y9pB5w5XmuT_2REwffCXQ)**   
  Le widget de connexion contrôle l'accès des utilisateurs à votre site. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de mes demandes](https://servicenow-prod.fluidtopics.net/PXjydb2LV_iTDOg9RnyjaQ)**   
  Le widget Mes demandes stocke toutes vos demandes ouvertes au même endroit. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de mes demandes](https://servicenow-prod.fluidtopics.net/bWc2siqVdo6kGw51GfyfMw)**   
  Utilisez le widget Mes demandes (mes-demandes-v2) pour permettre aux demandeurs d'afficher les demandes ouvertes ou fermées dans Portail de services.
* **[Widget Organigramme](https://servicenow-prod.fluidtopics.net/9kHmhFBqYZ3WjmOnhkrnTg)**   
  Le widget Organigramme affiche les employés dans une arborescence par rapport à leur responsable. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de liste simple](https://servicenow-prod.fluidtopics.net/PMrQTYLZbAK5rgykLcni~A)**   
  Le widget Liste simple peut être utilisé pour afficher n'importe quelle liste du système dans Portail de services. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Exemple de widget de pied de page](https://servicenow-prod.fluidtopics.net/~FwBYw6kjtrNtr7FzOUazg)**   
  Le widget d'exemple de pied de page est un exemple de pied de page que vous pouvez utiliser dans votre portail. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de pièces jointes de ticket](https://servicenow-prod.fluidtopics.net/dRD_5tuw~JPvTkJUQr665w)**   
  Utilisez le widget de pièce jointe pour joindre des éléments aux tickets. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de conversations de ticket](https://servicenow-prod.fluidtopics.net/Hr1wE9VxxA46GsNtwOADIQ)**   
  Enregistrement des éléments de ticket. Les utilisateurs peuvent utiliser ce widget pour communiquer dans les deux sens avec le prestataire et le destinataire. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget des champs de ticket](https://servicenow-prod.fluidtopics.net/hD2b3sLzT2exRgt5mInVng)**   
  Le widget Champs de ticket affiche des informations sur une demande effectuée par un utilisateur. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget Emplacement du ticket](https://servicenow-prod.fluidtopics.net/Wi87qtuHWM8KwaulWkGhjQ)**   
  Partagez votre position dans un ticket. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.
* **[Widget de profil d'utilisateur](https://servicenow-prod.fluidtopics.net/Y4APFxiEjIgES72yaQARgw)**   
  Affichez les informations de profil d'utilisateur. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.

