Add a web part to page in SharePoint Online/2010/2013/2016

This SharePoint tutorial, we will discuss how to add a web part to a web part page in SharePoint 2013/2016 or SharePoint Online. We will also, how to add a web part to the web part page in SharePoint 2010.

I will also you, how to add a web part to a modern page in SharePoint Online Office 365 or SharePoint 2019 modern pages.

Add web part to a SharePoint Online modern page

Now, we will see how to add a web part to a SharePoint Online modern page. If you are new to modern experience, you can check out a detailed tutorial on SharePoint Modern Experience – All You Need to Know!.

Open any modern SharePoint site or any page, then click on the Edit button like below:

Add web part to a SharePoint Online modern page

Then click on the + icon, and then you can see the web parts and then select any web part like below:

how to add web part to a SharePoint Online modern page

Then you can modify the web part like below and click on the Republish button, to publish the page.

add web part to sharepoint online modern page

This is how we can add a web part to a page in SharePoint Online modern sites or modern page.

Add a web part to SharePoint Online/2013/2016 classic web part page

Now, we will see how to add a web part page to a SharePoint 2013/2016 classic web part page in SharePoint.

Open SharePoint Online or SharePoint 2013/2016 classic web part page, and then edit the page. You can edit the page from the Settings icon -> click on Edit page option or you can also click on the PAGE tab in the SharePoint web part page Ribbon, which will open the web part page in the edit mode.

how to add web part in web page sharepoint 2013

Once you Edit page, you can see various web part zone in SharePoint. Click on Add a Web Part link.

This will open the web part categories section, from where you can add web parts into this.

how to add web part to sharepoint 2013 classic web part page

You can click on the Stop Editing button to save the web part page. This is how we can add a web part to a SharePoint 2013/2016 classic web part page.

Add web part in web page SharePoint 2010

Now, I will show you how to add an out of box web part to a SharePoint 2010 web part page. First Open the SharePoint site and Navigate to the page where you want to add the web part. Then from the Site Actions -> Edit Page. or also you can directly click on the Edit icon to edit the page as shown in the figure below:

how to add web part in web page sharepoint online

The above step will open the page in Edit Mode. Now From the RIbbon from the Editing Tools section click on Insert and then click on WebPart as shown in the figure below:

add web part in web page sharepoint 2010

The above step will show you all the web parts category wise. From there select any web part. Here I am selecting a Content Editor web part from the Media and Content Category. After that click on Add as shown in the figure below:

how to add web part in web page sharepoint 2010

Once you will click on Add the web part will be placed in the SharePoint 2010 web part page.

You may like following SharePoint tutorials:

This SharePoint tutorial, we will discuss how to add a web part to a web part page in SharePoint. We saw how to add a web part to a modern SharePoint page and how to add a web part to a SharePoint classic web part page in SharePoint Online or SharePoint 2010/2013/2016.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>