Microsoft 365 – Introduction to SharePoint Pages and Web Parts

This guide is an introduction to SharePoint Online, Microsoft’s cloud-based collaboration and document management platform included in Microsoft 365. Whether you are new to SharePoint or transitioning from an on-premises deployment, this introduction to SharePoint Online covers everything you need to get started.

πŸ›‘οΈ Free: M365 Tenant Security Audit Checklist

17-page PDF with 50 hands-on checks covering Entra ID, Exchange Online, SharePoint, Teams, Intune, license waste, and audit logging. PowerShell commands included. Built from 60+ real tenant audits at Wintive.

πŸ“₯ Download the free checklist β†’

Across 60+ tenant audits at Wintive, we have seen the same pattern: SharePoint communication sites drift into messy intranets when teams do not master SharePoint pages and web parts. First, this guide walks you through communication site template pages. Then, it covers every web part available in modern SharePoint. Finally, we share the SMB gotchas we keep hitting on 50–500-seat tenants. Master pages, layouts, and content placeholders sit outside scope β€” those belong to the classic model.

The three SharePoint Online site types: Team site, Communication site, and Hub site
πŸ›οΈ The 3 SharePoint site types β€” pick the right template first or everything downstream gets harder

πŸ“„ SharePoint Pages

A SharePoint page is the canvas you build content on. Pages display text, images, videos, lists, news, and embedded apps. Every communication site automatically creates a Site Pages library with a Home.aspx default page. You edit pages directly from the home page or through the library. Pages are .aspx files served by SharePoint Online. The modern editor hides that complexity behind a drag-and-drop interface. No coding is required to publish polished internal content.

First, when a communication site is built, it creates a site page library by default. In this library, you will find the Home.aspx page, which is your site’s home page. You can edit the page from here or directly from the home page. For your information, an ASPX file is an Active Server Page Extended file designed for Microsoft’s ASP.NET framework. And that’s all there is to it technically.

Moreover, you can create a new page and set it as the home page. You can also copy pages, which is ideal if you are designing a template that will be used for service pages, etc.

Five-step SharePoint page creation workflow from New Page to Publish
πŸ—ΊοΈ Every page follows the same 5-step flow β€” learn it once, repeat it on every page

Create SharePoint pages with PowerShell

πŸ’» Prefer PowerShell? The same 5 steps can be scripted with PnP PowerShell β€” handy for provisioning dozens of pages at once:

# Connect to the site
Connect-PnPOnline -Url https://contoso.sharepoint.com/sites/intranet -Interactive

# Create a new blank modern page
New-PnPPage -Name "Department-Policy" -LayoutType Article

# Set it as the site home page (optional)
Set-PnPHomePage -RootFolderRelativeUrl "SitePages/Department-Policy.aspx"

# List every modern page in the site
Get-PnPPage | Select-Object Name, Title, PageLayoutType

🧩 Web Parts

Web parts are the building blocks of SharePoint pages. They are pre-built modules for text, images, video, news feeds, file lists, and charts. Web parts also embed forms, Stream videos, Planner boards, and dozens more. Microsoft groups them into categories: text-and-media, documents-and-data, news, communication, planning. Pick from the right bucket first. Combine web parts on a page like paintings on a wall. The page is the structure. Web parts are the content.

24 SharePoint web parts organized by category: media, data and lists, engagement, layout and navigation, integrations
πŸ“š Web parts grouped by category β€” stop scrolling the picker, know the bucket first

Web Parts are the building blocks used for SharePoint pages. They allow you to modify your pages and display content and business data that is important to your team or company.

For me, SharePoint pages are like the walls of a house. You can have paintings, graffiti, windows, doors, decorations, posters, etc.

Adding text or images to your page is like adding paintings, graffiti, wall stencils, or posters. The content is only on the page and does not reside anywhere else.

Adding a library, list, Power BI, embedded code, etc. is like adding a window to your wall. This allows you to display content that is actually located elsewhere (in the next room, so to speak).

Plan SharePoint pages around user needs

When planning your home page and other pages, it is important to keep in mind what users will be looking for and need to access first. The fewer clicks it takes for the user to get to their destination, the more comfortable they are likely to feel on the site.

πŸ“š Available web parts

First, to see the available web parts, put your page in edit mode and click on the β€œ+” in the middle of the page. The easiest way to learn is, of course, to play around with it. I suggest you try out each web part to get a better understanding of what it offers.

Catalog grid of the 25 SharePoint Online web parts available in 2026
🧰 The 25 SharePoint web parts β€” the building blocks of every modern page

🧱 Core building blocks

These six web parts appear on almost every page. First, you will use them as the foundation of any layout.

IconWeb partWhat it does
πŸ“ƒTextRich text paragraphs with formatting
πŸ–ΌοΈImageInsert an image from your site or upload
βž–DividerInsert a horizontal line between components
πŸ“SpacerControl vertical space between components
πŸ”—LinkAdd an internal or external link as a card
🏞️Image GalleryDisplay a collection of images

πŸ“‚ Content and file display

Next, when you need to surface stored content, these three web parts do the job. Moreover, they keep files in sync automatically.

IconWeb partWhat it does
πŸ“Document LibraryDisplay a document library with custom title and view
πŸ“‹ListDisplay a SharePoint list with a chosen view
πŸ“„File ViewerInsert Excel, Word, PowerPoint, PDF, or 3D files

πŸ‘₯ Team and events

Then, for collaboration, these five web parts keep teams informed. In addition, they integrate directly with Microsoft 365 groups.

IconWeb partWhat it does
πŸ“°NewsDisplay news posts from your site
πŸ‘₯PeopleShow a group of people with contact details
πŸ“…EventsDisplay upcoming events with location and map
πŸ“†Group CalendarShow a Microsoft 365 group calendar
πŸ’¬Viva EngageEmbed a Viva Engage conversation feed

🎬 Media and embeds

Furthermore, when visuals matter most, these five web parts bring rich media into the page. As a result, engagement goes up significantly.

IconWeb partWhat it does
🎯HeroVisually prominent banner with up to 5 items
🧷EmbedShow content from other sites like YouTube
πŸŽ₯StreamDisplay a video from your organization
🎬Stream (legacy)Legacy video platform, use Stream instead
πŸ—ΊοΈBing MapsEmbed an interactive map by address

πŸ“Š Data and interaction

Finally, for interactive dashboards and user input, these six web parts turn a static page into a tool. Therefore, they are essential for intranets.

IconWeb partWhat it does
πŸ“ŠPower BIEmbed an interactive Power BI report
πŸ“ˆQuick ChartSimple bar or pie chart from data points
πŸ“Microsoft FormsEmbed a survey, quiz, or poll
🌟Highlighted contentDynamic content by type, filter, or search
⚑Quick LinksPinned shortcuts to pages, files, or sites
🌐Site ActivityRecent activity and file changes on the site

πŸ’‘ Why Use SharePoint Online?

SharePoint Online is the cloud version of SharePoint hosted by Microsoft as part of Microsoft 365. It requires no server infrastructure, no patching, and no manual upgrades. Every Microsoft 365 Business or Enterprise subscription includes it. SharePoint Online is always up to date and scales without hardware. It integrates natively with Teams, OneDrive, Power Automate, and Microsoft Search.

SharePoint Online is the cloud version of Microsoft SharePoint, hosted by Microsoft as part of Microsoft 365. Unlike the on-premises version, SharePoint Online requires no server infrastructure and is always up to date. Every Microsoft 365 Business or Enterprise subscription includes SharePoint Online, making it accessible to organizations of all sizes.

Key advantages of SharePoint Online include automatic updates, 99.9% uptime SLA, built-in security compliance features, and seamless integration with Teams sites, OneDrive, and Power Platform.

πŸ”— Explore Our SharePoint Tutorials

Dive deeper into SharePoint Online with these step-by-step guides:

πŸ“˜ Getting started with SharePoint

SharePoint Online Features

SharePoint Online Features

Use SharePoint Online Libraries for Document Management

Use SharePoint Online Libraries for Document Management

Creating Modern SharePoint Online Team Sites – Part 1

Creating Modern SharePoint Online Team Sites – Part 1

How to Create a SharePoint Online Intranet – Part 1

How to Create a SharePoint Online Intranet – Part 1

SharePoint Communication Sites

SharePoint Communication Sites

πŸ”§ Daily collaboration and features

Share a File or Folder in SharePoint

Share a File or Folder in SharePoint

Collaborate with Guests on a SharePoint Site

Collaborate with Guests on a SharePoint Site

Document Version History in SharePoint

Document Version History in SharePoint

How the SharePoint Online Recycle Bin Works

How the SharePoint Online Recycle Bin Works

Microsoft Forms in SharePoint Online

Microsoft Forms in SharePoint Online

Office 365 for Art Galleries: Curate Your Back Office Too

Microsoft 365 for Art Galleries: Curate Your Back Office Too

Scroll to Top