Using web parts on SharePoint pages

Applies to: SharePoint Online, Office for business, SharePoint Server 2019, SharePoint Online admin centre, SharePoint Online operated by 21Vianet.

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.

Notes: 

  • Some functionality is introduced gradually to organisations that have opted in to the Targeted Release programme. 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

Move or remove a web part

Available web parts

Web parts you can connect

Web part maintenance mode

Tip: Check out these YouTube videos from SharePoint community experts to learn more about modern pages!

Add a web part

  1. Locate your preferred page for creating a web part.
  1. If you do not see your sought site page, select Site contents on the Quick Launch bar, in the list of contents, pick Site Pages, and then select your desired page.
  1. If the page is not already in edit mode, press Edit at the top right of the page.
  1. Hover your mouse atop or under an existing web part and you’ll see a line with a circled +, like this:
Plus sign for adding web parts to a page
  1. Select + and you’ll observe a list of web parts to pick from. To easily find the web part you’re looking for, begin typing in the Search box.
Add to page button

Or, press Expand to display a bigger view of web parts by category. You can also arrange the web parts in this view.

Expanded web part toolbox

Move or remove a web part

  1. If you’re page is not already in edit mode, select Edit at the top right of the page.
  1. Choose your desired web part you want to move or remove, and you’ll notice a small toolbar on the left of the web part. To move the web part, press the Move web part button Move web part button and drag the web part to your target area on your page. To delete the web part, pick the Delete web part button Delete web part icon .

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.

Bing maps

The Bing Maps web part transfers 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.

Note: The Bing maps web part is not available in SharePoint Server 2019.

Button

The Button web part simply adds a button to your page with your own label and link.

Note: The Button web part is not available in SharePoint Server 2019.

Call to Action

The Call to Action web part produces a button with a call to action for users.

Note: The Call to action web part is not available in SharePoint Server 2019.

Code snippet

The Code snippet web part conveniently displays 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.

Note: The Code snippet web part is not available in SharePoint Server 2019.

Countdown timer

The Countdown timer web part presents a countdown (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.

Note: The Countdown timer web part is not available in SharePoint Server 2019.

Divider

The Divider web part integrates a line between other web parts to help break up your page and make it easier to read.

Document library

The Document Library web part lists a document library and customise 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 to the full document library by clicking See all.

Embed

The Embed web part highlights 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.

Events

The Events web part enables you to add and display upcoming events on your page. You can even include a map with location, online meeting information, and more.

File viewer

The File viewer web part adds files on your page. File types you can insert include Excel, Word, PowerPoint, Visio, .PDFs, 3D Models and more.

Group calendar

The Group calendar web part imports an Office 365 group calendar right on your page so that it is easily visible to your readers.

Note: The Group calendar web part is not available in SharePoint Server 2019.

Hero

The Hero web part is a fantastic 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.

Highlighted content

The Highlighted content web part dynamically showcases 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.

Image

The Image web part on a page inserts an image on the page, either from your site, your OneDrive, or your hard drive.

Image gallery

The Image Gallery web part shares collections of pictures on a page. Only select your images with the file picker or drag them onto the web part. After you’ve created your collection, you can drag and drop the images to reorder them as needed.

Kindle Instant Preview

Have a book you want to recommend or promote on your page? The Kindle Instant Preview web part shares a preview of a Kindle book.

Note: The Kindle Instant Preview web part is not available in SharePoint Server 2019.

Link

The Link web part inserts a link to an internal or external page, video, image, or document.

Note: The Link web part is not available in SharePoint Server 2019.

List

The List web part displays a list that you can customise with your own title, view, and even size. Users can view the list, or go to the full list by clicking See all.

List properties

The List properties web part connects to a list web part on the same page and display items from the list based on what a user selects.

Note: The List properties web part is not available in SharePoint Server 2019.

Markdown

The Markdown web part joins text to your page and format it using Markdown language.

Note: The Markdown web part is not available in SharePoint Server 2019.

Microsoft Forms

The Microsoft Forms web part can make surveys, quizzes, and polls on a page. You can also collect responses to your forms and show form results.

Note: The Microsoft Forms web part is not available in SharePoint Server 2019.

News

The News web part constantly notifies your team and also engages them with important or interesting stories. You can swiftly design eye-catching posts like announcements, people news, status updates, and more that can include graphics and rich formatting.

Office 365 Connectors

With the Office 365 Connectors web part, you can receive messages, alerts, and notifications from your favourite 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.

Note: The 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

The Office 365 Video presents a video right on the page from your organisation’s Office 365 Video portal.

Notes: 

  • Office 365 video is being replaced by Microsoft Stream. Learn more in Use the Microsoft Stream web part.
  • The Office 365 video web part is not available in SharePoint Server 2019.

Page properties

The Page properties web part offers details about your page, such as title, date, content type, and more.

Note: The Page properties web part is not available in SharePoint Server 2019.

People

The People web part indicates a selected group of people and their profiles on your page. It can be used for contact information, team information, presenters, and more.

Planner

The Planner web part creates your team’s tasks and assignments on a page using Microsoft Planner.

Note: The 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

PowerApps is a service that allows you to formulate 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.

Note: The PowerApps web part is not available in SharePoint Server 2019.

Power BI report

The Power BI web part quickly embeds an interactive Power BI report on your page. The embedded reports are fully secure so you can easily create secure internal portals.

Note: The Power BI web part is not available in SharePoint Server 2019.

Quick chart

The Quick Chart web part inserts simple charts to your page. Enter your data points, add labels, pick your chart type — column or pie — and publish.

Quick links

The Quick Links web part “pins” items to your page for easy access.

Recent documents

The Recent documents web part lists documents that have been recently added or edited.

Note: The Recent documents web part is not available in SharePoint Server 2019.

Saved for later

The Saved for later web part showcases pages from SharePoint sites that viewers have bookmarked to read later.

Note: The Saved for later web part is not available in SharePoint Server 2019.

Site activity

The Site Activity web part intuitively presents 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.

Sites

The Sites web part reveals 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.

Note: The Sites web part is not available in SharePoint Server 2019.

Spacer

The Spacer web part enables you to control vertical space on your page.

Stream

The Stream web part presents a video right on your page from your organization’s Microsoft Stream video portal.

Text

The Text web part contributes paragraphs and tables to your page. Formatting options like styles, bullets, indentations, highlighting, and links are available.

Twitter

The Twitter web part indicates tweets tailored to you or your audience directly on your page.

Note: The Twitter web part is not available in SharePoint Server 2019.

Weather

The Weather web part displays the current weather on your page.

Note: The Weather web part is not available in SharePoint Server 2019.

World clock

The World clock web part highlights the time in different locations around the world.

Note: The World clock web part is not available in SharePoint Server 2019.

Yammer

The Yammer web part deepens collaboration by embedding Yammer conversations on your page, if your organisation has an active Yammer network (for example: http://www.yammer.com/contoso.com).

YouTube

The YouTube web part simply embeds YouTube videos right on your page.

Note: The 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 construct 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.

Leave a Reply

%d bloggers like this: