How can we help you today?

How to Add a SharePoint Web Part

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.


Search bar


  • Another is to click the All drop-down, select the category of the web part you are looking for, and click the web part.


All dropdown


Below is a list of available web parts you can use on your SharePoint page:


Text, media, and content

ButtonButton

allows you to add a button to your page.

Call to actionCall to Action

allows you to add a button with a call to action banner.

DividerDivider

allows you to insert a line between other web parts.

HeroHero

allows you to add a visual focal point to your page. You can insert a maximum of five items in the Hero web part.

ImageImage

allows you to display an image on your page.

Image galleryImage gallery

allows you to create a gallery of images and insert it into your page.

LinkLink

allows you to add a link to your page.

Quick linksQuick links

allows you to create an easy-access link menu on your page.

SpacerSpacer

allows you to customize the vertical space on your page.

TextText

allows you to add text to your page.

YouTubeYouTube
allows you to display YouTube videos on your page.


Documents, Lists, and libraries

Document library

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

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
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

List

allows you to insert a list to your page.

List properties

List properties

allows you to connect to the list web part on your page.

Page properties

Page Properties
allows you to provide detailed information about your page.
Recent documents

Recent documents

allows you to display recently added or edited documents.


Saved for later
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

Sites

allows you to showcase sites on your page.


Feeds


Conversations
Conversations

allows you to showcase conversation sources from communities, topics, users, or home feeds.

Feed for Viva ConnectionsFeed for Viva Connections

allows you to display content from sources across SharePoint, Viva Engage, and Stream (on SharePoint) into a single viewing experience.

HighlightsHighlights

allows you to display conversations from a Viva Engage group.


News, people, and events


Countdown Timer


Countdown timer

allows you to add a countdown timer on your page.

EventsEvents

allows you to display events on your page.

Group calendar

Group Calendar

allows you to display your group’s calendar on your page.

News

News

allows you to display important updates, announcements, or news on your page.

Organization chart

Organization chart

allows you to add an organization chart to your page.

Planner

Planner

allows you to display team tasks. It is only available on group-connected team sites.

PeoplePeople

allows you to display people on your page.


Data analysis

Microsoft FormsMicrosoft Forms

allows you to create and display surveys, quizzes, and polls on your page.

Power BI
Power BI

allows you to add a Power BI report on your page.

Quick chartQuick chart

 allows you to add a chart to your page.


Site activity
Site activity

allows you to display the recent activity on your page.


Regional information

Bing MapsBing 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.

WeatherWeatherallows you to display weather forecasts on your page.

World clock
World clock

allows you to display time from different countries around the world.


Advanced

Code SnippetCode Snippet

allows you to display a code on your page. You can also choose the appropriate code language for your code.

EmbedEmbed

allows you to embed content from external sources.

Kindle Instant PreviewKindle Instant Preview

allows you to display a preview of your Kindle book.


Markdown
Markdown

allows you to insert text to your page using Markdown language.


Microsoft PowerApps
Microsoft Power Apps

allows you to build business apps and display them on your page.

My feedMy Feed

allows you to show different users relevant content based on their activity.

Office 365 ConnectorsOffice 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


Assignmentsthis 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.


Yammer

allows you to add Yammer 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:












Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 15 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more