A SharePoint Web Part is a customizable widget that forms a SharePoint page. You can use it to present information or facilitate interaction among your users. You can add various web parts to your page, including calendars, task lists, images, document libraries, and many more.
This article will demonstrate how to add a SharePoint web part to your SharePoint page and list the available web parts in SharePoint.
TABLE OF CONTENTS
Interactive Tutorial
Start the interactive tutorial to learn how to add a SharePoint web part:
NOTE: Check out Step 2 of the step-by-step tutorial to see a list of web parts available on SharePoint.
Step-by-step Tutorial
Follow the steps below for a detailed guide on how to add a ShortPoint web part:
Step 1: Edit a SharePoint page
- Go to the page where you want to add a web part.
- Click Edit on the upper-right corner of the page.
Step 2: Select a SharePoint web part
- Hover over a section and click the gray plus icon.
- There are two ways to look for a web part:
- One is to use the search bar and click the web part you prefer.
- Another is to click the All drop-down, select the category of the web part you are looking for, and click the web part.
Below is a list of available web parts you can use on your SharePoint page:
Text, media, and content
Button | allows you to add a button to your page. | |
Call to Action | allows you to add a button with a call to action banner. | |
Divider | allows you to insert a line between other web parts. | |
Hero | allows you to add a visual focal point to your page. You can insert a maximum of five items in the Hero web part. | |
Image | allows you to display an image on your page. | |
Image gallery | allows you to create a gallery of images and insert it into your page. | |
Link | allows you to add a link to your page. | |
Quick links | allows you to create an easy-access link menu on your page. | |
Spacer | allows you to customize the vertical space on your page. | |
Text | allows you to add text to your page. | |
YouTube | allows you to display YouTube videos on your page. |
Documents, Lists, and libraries
Document Library | allows you to insert a document library into your page. You can customize the title, view, and size of the web part. | |
File and Media | allows you to display files on your page. You are allowed to use Excel, Word, PowerPoint, Visio, .PDFs, 3D Models, videos, and more. For SharePoint 2019, however, you can only use Word, Excel, and PowerPoint. | |
Highlighted content | allows you to highlight a specific content on your page. You can do this by setting up a specific filter for your content. | |
List | allows you to insert a list to your page. | |
List properties | allows you to connect to the list web part on your page. | |
Page Properties | allows you to provide detailed information about your page. | |
Recent documents | allows you to display recently added or edited documents. | |
Saved for later | allows viewers of your page to save pages. For browser users, the save function is only applicable to pages and news posts. For mobile users, they can also save documents. | |
Sites | allows you to showcase sites on your page. |
Feeds
Conversations | allows you to showcase conversation sources from communities, topics, users, or home feeds. | |
Feed for Viva Connections | allows you to display content from sources across SharePoint, Viva Engage, and Stream (on SharePoint) into a single viewing experience. | |
Highlights | allows you to display conversations from a Viva Engage group. |
News, people, and events
Countdown timer | allows you to add a countdown timer on your page. | |
Events | allows you to display events on your page. | |
Group Calendar | allows you to display your group’s calendar on your page. | |
News | allows you to display important updates, announcements, or news on your page. | |
Organization chart | allows you to add an organization chart to your page. | |
Planner | allows you to display team tasks. It is only available on group-connected team sites. | |
People | allows you to display people on your page. |
Data analysis
Microsoft Forms | allows you to create and display surveys, quizzes, and polls on your page. | |
Power BI | allows you to add a Power BI report on your page. | |
Quick chart | allows you to add a chart to your page. | |
Site activity | allows you to display the recent activity on your page. |
Regional information
Bing Maps | allows you to add a map to your page. It has two different types: road and aerial. You can also customize the zoom level and a pin to your map. | |
Weather | allows you to display weather forecasts on your page. | |
World clock | allows you to display time from different countries around the world. |
Advanced
Code Snippet | allows you to display a code on your page. You can also choose the appropriate code language for your code. | |
Embed | allows you to embed content from external sources. | |
Kindle Instant Preview | allows you to display a preview of your Kindle book. | |
Markdown | allows you to insert text to your page using Markdown language. | |
Microsoft Power Apps | allows you to build business apps and display them on your page. | |
My Feed | allows you to show different users relevant content based on their activity. | |
Office 365 Connectors | this web part is only available for group-connected team sites. It allows you to get notifications from external services on a group-connected team site page. |
Others
Assignments | this web part is only available to EDU SharePoint customers. It allows students to display a personalized view of upcoming and due homework. | |
Stream (classic) | allows you to showcase a video on your page from your organization's Microsoft Stream (classic) video portal. | |
Viva Engage | allows you to add Viva Engage conversations to your page. |
Step 3: Edit your web part
- Customize the web part you selected according to your preferences.
NOTE: Each web part has different customization options. The options you see will differ depending on the web part you added.
Step 4: Save and Republish
- Once you are satisfied with your edits, click Save as drafts.
- Then, click Republish.
That’s it! You now know how to add a SharePoint web part to your SharePoint page. You can now start customizing your pages!
Didn’t find the web part you were looking for?
If you’re looking for more web parts that will help you display a wider variety of information on your SharePoint page, you can use ShortPoint. ShortPoint is a SharePoint web part that you can install on your SharePoint environment. It has a library of over 60 Design Elements that you can use not only to display information but also to design and further customize your page.
ShortPoint Design Elements are categorized according to the functions commonly used by SharePoint Designers including typography, social media, lists, etc. You can personalize each Design Element’s style, size, color, performance, visibility, and more. This high level of customization makes every element you place into your SharePoint site truly your own.
Check out the interactive tutorial below to see for yourself the benefits of having ShortPoint Design Elements on your SharePoint page: