When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. You can add text, images, files, video, dynamic content and more using the web parts listed in this article.
Some functionality is introduced gradually to organizations that have opted in to the Targeted Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.
The web parts in this article are not yet available for use on classic pages.
Add a web part
Go to the page where you want to add a web part.
If you do not see the site page that you want, click Site contents on the Quick Launch bar, in the list of contents, click Site Pages, and then click the page that you want.
If the page is not already in edit mode, click Edit at the top right of the page.
Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:
Click + and you'll see a list of web parts to choose from. To easily find the web part you're looking for, start typing in the Search box.
Or, click Expand to show a larger view of web parts by category. You can also sort the web parts in this view.
Move or remove a web part
If you're page is not already in edit mode, click Edit at the top right of the page.
Hover over the web part you want to move or remove, and you'll see a small toolbar on the left of the web part.
To move the web part, click the Move web part button and drag the web part where you want it on your page.
To remove the web part, click the Delete web part button .
Available web parts
Following is a list of a web parts you can use on a page, along with links to more information for each web part.
Use the Bing maps web part to add a map to your page. Simply enter an address or a well known name and your map will appear. You can choose a different map type, such as road or aerial. You can also change the zoom level or give your map pin a friendly name. Use the Bing Maps web part on a page.
Note: Bing maps is not available in SharePoint Server 2019
The Code snippet web part allows you to easily display code as text on your page for others to use or learn from. You can select the code language and a dark or light theme. The web part even auto-corrects syntax. Use the Code snippet web part.
Note: Code snippet is not available in SharePoint Server 2019
The Countdown timer allows you to display a count down (or count up) to an event. You can add a title, set the date format, add a description, and a call to action button with a link. Use the Countdown timer web part.
Note: Countdown timer is not available in SharePoint Server 2019
Use this to web part to insert a line between other web parts to help break up your page and make it easier to read. Add a line between web parts with the Divider web part.
The Document Library web part allows you to display a document library and customize it with your own title, view, and even size. Users with appropriate permissions can view or edit files directly from the web part, or can go the full document library by clicking See all. Use the Document Library web part on a page.
You can display content on your page from other sites like YouTube videos. Depending on the site, you can either use the site's address or embed code that the site provides. Use the Embed web part on a page.
The Events web part allows you to add and display upcoming events on your page. You can even include a map with location, online meeting information, and more. Use the Events web part.
Use this to insert a file on your page. File types you can insert include Excel, Word, PowerPoint, Visio, .PDFs, 3D Models and more. Use the File viewer web part on a page.
Note: Group calendar is not available in SharePoint Server 2019
The Hero web part is a great way to bring focus and visual interest to your page. You can display up to five items in the Hero web part and use compelling images, text, and links to draw attention to each. The Hero web part is included by default on Communication sites, but you can also add the Hero web part to other pages. Use the Hero web part.
Use this web part to dynamically display content based on content type, filtering, or a search string. You can also set the scope of the search to a site or site collection, and sort the results. Use the Highlighted content web part on a page.
Use this to insert an image on the page, either from your site or your hard drive. Use the Image web part on a page.
Use the Image gallery web part to share collections of pictures on a page. Simply select your images with the file picker or drag them onto the web part. Once you’ve created your collection, you can drag and drop the images to reorder them as needed. Use the Image Gallery web part on a page.
Kindle instant preview
Have a book you want to recommend or promote on your page? You can share a preview of a Kindle book using the Kindle instant preview web part. Use the Kindle instant prevew web part.
Note: Kindle instant preview is not available in SharePoint Server 2019
Use the Link web part to add a link to an internal or external page, video, image, or document. Use the Link web part on a page.
Note: The link web part is not available in SharePoint Server 2019
The List web part allows you to display a list and customize it with your own title, view, and even size. Users can view the list, or go the full list by clicking See all. Use the List web part on a page.
The List properties web part allows you to connect to a list web part on the same page and display items from the list based on what a user selects. Use the List properties web part
Note: The List properties web part is not available in SharePoint Server 2019
The Markdown web part allows you to add text to your page and format it using Markdown language. Use the Markdown web part.
Note: The Markdown web part is not available in SharePoint Server 2019
Use the Microsoft Forms web part to create surveys, quizzes, and polls on a page. You can also collect responses to your forms and show form results. Use the Microsoft Forms web part.
Note: Microsoft Forms web part is not available in SharePoint Server 2019
You can keep your team in the loop as well as engage them with important or interesting stories by using the News feature on your page or site. You can quickly create eye-catching posts like announcements, people news, status updates, and more that can include graphics and rich formatting. Use the News web part on a page.
Office 365 Connectors
With the Office 365 Connector web part, you can get messages, alerts, and notifications from your favorite external services on a group-connected team site page. For example, you can show updates from services like Trello and Facebook; alerts when something new is published in an RSS feed; notifications from JIRA or GitHub; or even summaries from Salesforce and Google Analytics. Use the Connector web part.
Note: Office 365 Connectors web part is available only on group-connected team sites. It is not available on Communication sites or on any sites in SharePoint Server 2019.
Office 365 video
Office 365 video is being replaced by Microsoft Steam. Learn more in Use the Stream web part.
Office 365 video web part is not available in SharePoint Server 2019
Provide details about your page by displaying page properties. To learn more, see Use the Page properties web part.
Note: Page properties web part is not available in SharePoint Server 2019
The People web part allows you to display a selected group of people and their profiles on your page. It can be used for contact information, team information, presenters, and more. Use the People web part.
The Planner web part allows you to add your team's tasks and assignments on a page using Microsoft Planner. Use the Planner web part.
Note: Planner web part is available only on group-connected team sites. It is not available on Communication sites or on any sites in SharePoint Server 2019.
PowerApps is a service that lets you build business apps that run in a browser or on a phone or tablet, with no coding experience required. Once you have created or customized an app using the service, you can add it to your SharePoint page with the PowerApps web part. Just enter the app’s web address or the app ID, and then resize the app to fit the page. Use the PowerApps web part.
Note: PowerApps web part is not available in SharePoint Server 2019
Power BI report
The Power BI report web part allows you to easily embed an interactive Power BI report on your page. The embedded reports are fully secure so you can easily create secure internal portals. Use the Power BI web part on a page.
Note: Power BI web part is not available in SharePoint Server 2019
Use the Quick chart web part to add simple charts to your page. Enter your data points, add labels, pick your chart type -- column or pie -- and publish. Use the Quick Chart web part on a page.
Using this web part, you can "pin" items to your page for easy access. Use the Quick Links web part on a page.
Display recent documents that have been added or edited. For more info, see Use the Rrecent documents web part.
Note: Recent documents web part is not available in SharePoint Server 2019
This web part automatically shows recent activity on your site, such as files uploaded, edits made, lists and libraries created, and so on. Just add the web part, and the latest activity is pulled in automatically. Use the Site Activity web part on a page.
The Sites web part allows you to showcase sites on a page. You can select specific sites to show, or have sites show dynamically based on a hub site association or on a user's frequently used sites. Use the Sites web part.
Note: Sites web part is not available in SharePoint Server 2019
This web part allows you to control vertical space on your page. Add vertical space to a page with the Spacer web part.
This web part allows you to display a video right on your page from your organization's Microsoft Stream video portal. Use the Stream web part.
Use the Text web part to add paragraphs and tables to your page. Formatting options like styles, bullets, indentations, highlighting, and links are available. Add text to your page with the Text web part.
With the Twitter web part, you can show tweets that are relevant to you or your audience right on your page. Use the Twitter web part.
Note: Twitter web part is not available in SharePoint Server 2019
With the Weather web part, you can show the current weather on your page. Show the weather on your page.
Note: Weather web part is not available in SharePoint Server 2019
If your organization has an active Yammer network (for example: www.yammer.com/contoso.com), you can enhance collaboration by embedding Yammer conversations on your page. Use the Yammer web part on a page.
The YouTube web part allows you to easily embed YouTube videos right on your page. Use the YouTube web part.
Note: YouTube web part is not available in SharePoint Server 2019
Web parts you can connect
You can connect some web parts to each other to create an interactive and dynamic experience for your page viewers. For example, you can connect a Document library web part to a File viewer web part. When a user clicks a file name in the Document library list, the File viewer shows the contents of that specific file. Or, connect a List web part or Document library web part to an Embed web part, and add custom code for a variety of dynamic experiences.
Web parts you can connect include: the List properties web part, File viewer web part, and Embed web part.
For information and examples, see Connect web parts in SharePoint Online.
Web part maintenance mode
Having trouble with web parts you've put on a page? Try using using web part maintenance mode to help troubleshoot the issue.