Utilisation de composants WebPart sur des pages SharePoint

Lorsque vous ajoutez une page moderne à un site, vous ajoutez et personnalisez des composants WebPart, qui constituent les blocs de construction de votre page. Vous pouvez ajouter du texte, des images, des fichiers, des vidéos, du contenu dynamique et bien plus encore à l’aide des composants WebPart répertoriés dans cet article.

Ajouter un composant WebPart

Déplacer ou supprimer un composant WebPart

Composants WebPart disponibles

Composants WebPart que vous pouvez connecter

Mode de maintenance du composant WebPart

Ajouter un composant WebPart (avec le volet de contenu)

1. Accédez à la page dans laquelle vous souhaitez ajouter un composant WebPart.
2. Si vous ne voyez pas la page de site souhaitée, cliquez sur Contenu du site dans la barre de lancement rapide, puis, dans la liste des matières, cliquez sur Pages du site, puis cliquez sur la page souhaitée.
3. Si la page n’est pas déjà en mode édition, cliquez sur Modifier en haut à droite de la page.
4. En haut de à droite, vous verrez une liste organisée de composants WebPart parmi lesquels choisir.
   
5. Pour afficher tous les composants WebPart, sélectionnez Afficher tous les composants WebPart. Trouvez facilement ce que vous cherchez en tapant dans la zone de recherche , puis sélectionnez ou cliquez et faites glisser le composant WebPart sur la zone de dessin.
   
6. Cliquez sur pour un affichage de liste ou pour un affichage de grille. Vous pouvez également trier les composants WebPart et les filtrer par catégorie dans la liste déroulante.
   

Ajouter un composant WebPart (sans le volet de contenu)

1. Accédez à la page dans laquelle vous souhaitez ajouter un composant WebPart.

2. Si vous ne voyez pas la page de site souhaitée, cliquez sur Contenu du site dans la barre de lancement rapide, puis, dans la liste des matières, cliquez sur Pages du site, puis cliquez sur la page souhaitée.

3. Si la page n’est pas déjà en mode édition, cliquez sur Modifier en haut à droite de la page.

4. Positionnez le pointeur de la souris au-dessus ou en dessous d’un composant WebPart existant et vous verrez apparaître une ligne accompagnée d’un signe +, comme ceci :
   

5. Cliquez sur + pour afficher la liste des composants WebPart parmi lesquels choisir. Pour trouver facilement le composant WebPart que vous recherchez, commencez à taper dans la zone Recherche.

   

6. Cliquez sur pour un affichage de liste ou pour un affichage de grille. Vous pouvez également trier les composants WebPart et les filtrer par catégorie dans la liste déroulante.
   

Déplacer ou supprimer un composant WebPart

1. Si votre page n’est pas déjà en mode édition, cliquez sur Modifier en haut à droite de la page.
2. Sélectionnez le composant WebPart à déplacer ou à supprimer, et une petite barre d’outils s’affiche à gauche du composant WebPart.
   Pour déplacer le composant WebPart, sélectionnez le bouton Déplacer le composant WebPart et faites glisser le composant WebPart à l’emplacement souhaité sur votre page.
   Pour supprimer le composant WebPart, sélectionnez le bouton Supprimer le composant WebPart . Vous pouvez également sélectionner SUPPR sur le clavier pour supprimer.

Redimensionnement de composants WebPart dans des sections flexibles

1. Si votre page n’est pas déjà en mode édition, cliquez sur Modifier en haut à droite de la page.

2. Sélectionnez le composant WebPart à redimensionner.

3. Sélectionnez une poignée de redimensionnement sur la bordure du composant WebPart, puis faites-la glisser et déposez-la à la largeur souhaitée du composant WebPart.

   

   Remarque

   • La largeur minimale des composants WebPart varie d’un composant WebPart à l’autre.
   • Les options de largeur du composant WebPart varient d’un composant WebPart à l’autre. Certains composants WebPart peuvent être redimensionnés à n’importe quelle largeur, tandis que d’autres n’ont que quatre options de largeur.
   • Des composants WebPart tiers ou personnalisés peuvent être ajoutés aux sections flexibles. Ces composants WebPart peuvent être redimensionnés, mais n’auront que quatre options de largeur par défaut. Nous publierons bientôt une documentation contenant des détails sur la façon de mettre à jour les composants WebPart personnalisés afin qu’ils puissent être redimensionnés à n’importe quelle largeur.

Chevauchement et regroupement de composants WebPart en sections flexibles

1. Si votre page n’est pas déjà en mode édition, cliquez sur Modifier en haut à droite de la page. Pour ajuster la façon dont un composant WebPart chevauche les autres composants WebPart sur la page, cliquez sur Organiser les éléments dans la barre d’outils du composant WebPart. Sélectionnez ensuite le résultat souhaité dans la liste.

   

2. Pour modifier plusieurs composants WebPart ensemble, sélectionnez un composant WebPart, puis maintenez la touche Ctrl (Windows) ou Option (Mac) enfoncée sur votre clavier tout en sélectionnant les autres composants WebPart. Vous pouvez ensuite déplacer, organiser, regrouper, dupliquer ou supprimer les composants WebPart à l’aide de la barre d’outils partagée.

   

3. Si vous sélectionnez Grouper sous la liste déroulante Organiser les éléments , le groupe de composants WebPart est conservé. À l’avenir, lorsque vous sélectionnerez un composant WebPart dans un groupe, le groupe sera sélectionné. Vous pouvez ensuite cliquer à nouveau sur un composant WebPart dans le groupe pour sélectionner et modifier le composant WebPart individuel qui se trouve dans le groupe.

   

Composants WebPart disponibles

Voici la liste des composants WebPart que vous pouvez utiliser sur une page, ainsi que des liens vers plus d’informations pour chaque composant WebPart.

Devoirs

Le composant WebPart Devoirs affiche une vue personnalisée aux étudiants de leurs devoirs à venir et à venir dans plusieurs classes. Les étudiants peuvent sélectionner leur devoir affiché pour passer à leur devoir spécifique dans l’application Devoirs pour cette classe.

Lien d’agent

Le composant WebPart Lien d’agent permet aux propriétaires de site de placer un agent sur une page SharePoint. Lorsque vous cliquez sur le lien, l’agent s’ouvre dans le volet à côté de la page principale. Le composant WebPart Lien d’agent vous aide à trouver et à utiliser les agents au sein de votre site, ce qui vous permet d’obtenir plus facilement une aide contextuelle au moment et à l’endroit où vous en avez le plus besoin.

Image du bouton

Le composant WebPart Bouton ajoute facilement un bouton à votre page avec votre propre étiquette et votre propre lien.

Appel à l’action

Le composant WebPart Appel à l’action crée un bouton avec un appel à l’action pour les utilisateurs.

Extrait de code

Le composant WebPart Extrait de code affiche facilement le code sous forme de texte sur votre page pour que d’autres personnes puissent l’utiliser ou en tirer des enseignements. Vous pouvez sélectionner le langage de code et un thème sombre ou clair. Ce composant WebPart corrige même automatiquement la syntaxe.

Connecteurs

Avec le composant WebPart Connecteurs, vous pouvez recevoir des messages, des alertes et des notifications de vos services externes favoris sur une page de site d’équipe connectée à un groupe. Par exemple, vous pouvez afficher les mises à jour de services tels que Trello et Facebook, les alertes lorsque quelque chose de nouveau est publié dans un flux RSS, les notifications de JIRA ou GitHub, ou même les résumés de Salesforce et Google Analytics.

Conversations

Le composant WebPart Conversations propose plusieurs types de conversations et une expérience utilisateur plus interactive. Les composants WebPart Conversations Viva Engage et Viva Engage Highlights fonctionnent ensemble pour améliorer la collaboration sur votre page SharePoint moderne dans Microsoft 365. Utilisez ce composant WebPart lorsque vous souhaitez que les utilisateurs puissent participer à des conversations interactives sans quitter votre page SharePoint.

Minuteur de compte à rebours

Le composant WebPart Compte à rebours affiche un compte à rebours (ou un compte à rebours) pour un événement. Vous pouvez ajouter un titre, définir le format de date, ajouter une description et un bouton d’appel à l’action avec un lien.

Séparateur

Le composant WebPart Séparateur insère une ligne entre d’autres composants WebPart pour faciliter la séparation de votre page et en faciliter la lecture.

Bibliothèque de documents

Le composant WebPart Bibliothèque de documents affiche une bibliothèque de documents que vous pouvez personnaliser avec votre propre titre, affichage et taille. Les utilisateurs disposant des autorisations appropriées peuvent afficher ou modifier des fichiers directement à partir du composant WebPart ou peuvent accéder à la bibliothèque complète de documents en cliquant sur Afficher tout.

Incorporer

Le composant WebPart Incorporer affiche du contenu sur votre page à partir d’autres sites comme des vidéos YouTube. Selon le site, vous pouvez utiliser l’adresse du site ou incorporer le code fourni par le site.

Événements

Le composant WebPart Événements vous permet d’ajouter et d’afficher des événements à venir sur votre page. Vous pouvez inclure une carte avec un emplacement, des informations sur les réunions en ligne, etc.

Flux pour Viva Connections

Le composant WebPart Flux pour Viva Connections est conçu pour collecter et afficher du contenu provenant de sources SharePoint, Viva Engage et Stream (sur SharePoint) dans une expérience d’affichage unique et personnalisée basée sur les sites SharePoint et les communautés Viva Engage que vous suivez.

Fichier et média

Le composant WebPart Fichier et média Insérez un fichier sur votre page. Les types de fichiers que vous pouvez insérer incluent Excel, Word, PowerPoint, Visio, . PDF, modèles 3D, vidéos, etc.

Calendrier de groupe

Le composant WebPart Calendrier de groupe place un calendrier de groupe directement sur votre page afin qu’il soit facilement visible par vos lecteurs.

Bannière

Le composant WebPart Hero est un excellent moyen d’attirer l’attention et d’intéresser visuellement votre page. Vous pouvez afficher un maximum de cinq éléments dans le composant WebPart Hero et utiliser des images attrayantes, du texte et des liens pour attirer l’attention sur chacun. Par défaut, le composant WebPart Hero est présent sur les sites de communication, mais vous pouvez également ajouter le composant WebPart Hero à d’autres pages.

Contenu mis en surbrillance

Le composant WebPart Contenu mis en évidence affiche dynamiquement le contenu en fonction du type de contenu (documents, pages, actualités, vidéos, images, etc.), du filtrage ou d’une chaîne de recherche. Vous pouvez également définir l’étendue de la recherche sur un site ou une collection de sites et trier les résultats.

Résumé

Utilisez le composant WebPart Highlights pour ajouter des expériences Viva Engage à vos sites SharePoint. Le composant WebPart Viva Engage Highlights vous permet de fournir une vue d’ensemble rapide des conversations actives et un portail ciblé vers des groupes ou des conversations spécifiques. Le composant WebPart Conversations de Viva Engage permet aux utilisateurs d’afficher des conversations entières et de démarrer de nouvelles conversations de tous types (questions, sondages et félicitations).

Image

Le composant WebPart Image sur une page insère une image sur la page, à partir de votre site, de votre OneDrive ou de votre disque dur.

Bibliothèque d'images

Le composant WebPart Galerie d’images partage des collections d’images sur une page. Sélectionnez simplement vos images avec le sélecteur de fichiers ou faites-les glisser sur le composant WebPart. Une fois que vous avez créé votre collection, vous pouvez faire glisser et déposer les images pour les réorganiser en fonction des besoins.

Aperçu instantané du Kindle

Avez-vous un livre que vous souhaitez recommander ou promouvoir sur votre page ? Le composant WebPart Aperçu instantané Kindle partage un aperçu d’un livre Kindle.

Lien

Le composant WebPart Lien ajoute un lien vers une page, une vidéo, une image ou un document interne ou externe.

Liste

Le composant WebPart Liste affiche une liste que vous pouvez personnaliser avec votre propre titre, affichage et même taille. Les utilisateurs peuvent afficher la liste ou accéder à la liste complète en cliquant sur Afficher tout.

Propriétés de la liste

Le composant WebPart Propriétés de la liste se connecte à un composant WebPart Liste sur la même page et affiche les éléments de la liste en fonction de ce qu’un utilisateur sélectionne.

Cartes

Le composant WebPart Utiliser le composant WebPart Cartes ajoute une carte à votre page. Entrez simplement une adresse ou un nom connu et votre carte s’affichera. Vous pouvez choisir un autre type de carte, par exemple, route ou satellite. Vous pouvez également modifier le niveau de zoom ou donner un nom convivial à votre repère de carte.

Markdown

Le composant WebPart Markdown ajoute du texte à votre page et vous permet de le mettre en forme à l’aide du langage Markdown.

Microsoft Forms

Le composant WebPart Microsoft Forms peut créer des enquêtes, des questionnaires et des sondages sur une page. Vous pouvez également collecter des réponses obtenues grâce à vos formulaires et afficher les résultats du formulaire.

Microsoft PowerApps

Microsoft PowerApps est un service qui vous permet de créer des applications professionnelles qui s’exécutent dans un navigateur, un téléphone ou une tablette, sans expérience de codage requise. Une fois que vous avez créé ou personnalisé une application à l’aide du service, vous pouvez l’ajouter à votre page SharePoint avec le composant WebPart Microsoft PowerApps. Entrez simplement l’adresse web de l’application ou l’ID de l’application, puis redimensionnez l’application pour l’adapter à la page.

Mon flux

Le composant WebPart Mon flux affiche un mélange de contenu provenant de Microsoft 365, en fonction de ce qui est susceptible d’être le plus pertinent pour l’utilisateur actuel à un moment donné.

Actualités

Le composant WebPart Actualités permet à votre équipe de rester informée et de la faire part de sujets importants ou intéressants. Vous pouvez créer rapidement des billets originaux (annonces, informations, mises à jour, etc.) qui peuvent inclure des graphiques et une mise en forme enrichie.

Connecteurs Office 365

Le composant WebPart Connecteurs Office 365 permet d’obtenir facilement des messages, des alertes et des notifications de vos services externes favoris sur une page de site d’équipe connecté à un groupe. Vous pouvez afficher les mises à jour des services, les alertes dans les flux RSS, les notifications de JIRA ou GitHub, et même afficher les résumés de Salesforce et Google Analytics.

Organigramme hiérarchique

Utilisez le composant WebPart Organigramme pour afficher un graphique organization visuel en choisissant une personne autour de laquelle construire le graphique. Vous pouvez spécifier le nombre de niveaux de rapport que vous souhaitez afficher.

Propriétés de la page

Le composant WebPart Propriétés de la page fournit des détails sur votre page, tels que le titre, la date, le type de contenu, etc.

Contacts

Le composant WebPart People affiche un groupe sélectionné de personnes et leurs profils sur votre page. Il peut être utilisé pour les informations de contact, les informations d’équipe, les présentateurs, etc.

Planificateur

Le composant WebPart Planificateur ajoute les tâches et affectations de votre équipe sur une page à l’aide du Planificateur Microsoft.

Rapport Power BI

Le composant WebPart Power BI incorpore facilement un rapport Power BI interactif sur votre page. Les rapports incorporés étant entièrement sécurisés, vous pouvez facilement créer des portails internes sécurisés.

Graphique rapide

Le composant WebPart Graphique rapide ajoute des graphiques simples à votre page. Entrez vos points de données, ajoutez des étiquettes, choisissez votre type de graphique (colonne ou secteur) et publiez.

Liens rapides

Le composant WebPart Liens rapides « épingle » des éléments à votre page pour y accéder facilement.

Documents récents

Le composant WebPart Documents récents affiche les documents qui ont été ajoutés ou modifiés récemment.

Enregistré pour plus tard

Le composant WebPart Enregistré pour plus tard permet aux utilisateurs d’enregistrer des pages, des billets d’actualités et des documents pour les consulter ultérieurement dans SharePoint à l’aide de ce composant WebPart.

Activité du site

Le composant WebPart Activité de site affiche automatiquement l’activité récente sur votre site, comme les fichiers téléchargés, les modifications apportées, les listes et bibliothèques créées, etc. Ajoutez simplement le composant WebPart Activité de site et la dernière activité est extraite automatiquement.

Sites

Le composant WebPart Sites vous permet d’afficher automatiquement les sites associés à un site hub (lorsqu’un site hub est en cours d’utilisation) ou les sites récents d’un utilisateur actuel (qui sont les mêmes que ceux affichés sur la page d’accueil SharePoint de l’utilisateur). Vous pouvez sélectionner des sites spécifiques à afficher ou les faire s’afficher de manière dynamique en fonction d’une association hub-site ou des sites fréquemment utilisés par un utilisateur.

Espacement

Le composant WebPart Spacer vous permet de contrôler l’espace vertical sur votre page.

Stream (classique)

Le composant WebPart Stream (classique) affiche une vidéo directement sur votre page à partir du portail vidéo Microsoft Stream (classique) de votre organisation.

Text (Texte)

Le composant WebPart Texte ajoute des paragraphes et des tables à votre page. Des options de mise en forme telles que les styles, les puces, les retraits, la surbrillance et les liens sont disponibles.

Météo

Le composant WebPart Météo affiche la météo actuelle sur votre page.

Horloge mondiale

Le composant WebPart Horloge mondiale affiche l’heure à différents endroits dans le monde.

YouTube

Le composant WebPart YouTube intègre facilement les vidéos YouTube directement sur votre page.

Composants WebPart que vous pouvez connecter

Vous pouvez connecter des composants WebPart les uns aux autres afin de créer une expérience interactive et dynamique pour les visiteurs de votre page. Par exemple, vous pouvez connecter un composant WebPart Bibliothèque de documents à un composant WebPart Visionneuse de fichiers et de médias. Lorsqu’un utilisateur clique sur un nom de fichier dans la liste Bibliothèque de documents, le visualiseur de fichiers et de médias affiche le contenu de ce fichier spécifique. Vous pouvez également connecter un composant WebPart Liste ou un composant WebPart Bibliothèque de documents à un composant WebPart Incorporer et ajouter du code personnalisé pour diverses expériences dynamiques.

Les composants WebPart que vous pouvez connecter comprennent : le composant WebPart Propriétés de la liste, le composant WebPart Visionneuse de fichiers et de médias et le composant WebPart Incorporer.

Pour plus d’informations et d’exemples, voir Connecter des composants WebPart dans SharePoint.

Mode de maintenance du composant WebPart

Vous rencontrez des problèmes avec les composants WebPart que vous avez placés sur une page ? Essayez d’utiliser le mode de maintenance des composants WebPart pour résoudre le problème.