Microsoft 365 – SharePoint Online – Exploring Communication Site

“Do good and good will come to you”

Hello Everyone,

Hope you all are doing well.

In previous article discussed about how to login Microsoft 365, what is SharePoint Online, how to create site, and types of sites. If you miss the article please go through it, it will help from scratch.

M365 – SharePoint Online for beginners (Previous Article)

https://knowledge-junction.com/2022/02/20/m365-sharepoint-online-for-beginners/

Today I am going to discuss about Communication site and its features in this article.

So without getting late, lets get started with Communication Site.

Background

A SharePoint Communication site is a great place to broadcast information to others. Share news, reports, status updates, and more in a visually appealing format. Use communication sites to engage and inform broad audiences. Create portals, department, or project-specific sites.Showcase stories, spotlight topics, and broadcast news and events to audiences across your organization.Communication sites often have a few site owners and members that help manage and update site content, and many site visitors that view content.

Create Communication Site

Communication Site Templates

Site templates are pre-designed layouts that allow you to arrange content onto a site page to create a simple yet well-designed site. You can drag and drop elements like image blocks, photo galleries, logos, and more into the template to make it your own.

  • When you create a communication site, the site has a default template on home page/landing page of the site.
M365 - SPO - Communication Site Home Page
Figure: M365 – SPO – Communication Site Home Page
  • You can also apply a site template from Microsoft or from your Organization.
M365 - SPO - Communication Site Templates
Figure: M365 – SPO – Communication Site Templates
  • You can select the site template from the given different types of templates and apply it to the site.

Communication Site Theme

Site theme is the overall look, feel and style of your site. This includes things like the color scheme, layout and style elements. In essence, your site theme is a direct representation of your brand and has a direct impact on your user’s experience.

  • In SharePoint you have different color of themes for a site. You can choose any of the theme and apply to your site. Also you can customize the colors.
M365 - SPO - Communication Site Theme
Figure: M365 – SPO – Communication Site Theme

Communication Site Header

A site header is the first thing that visitors see when they visit a site, and it appears on every page of the site. A good site header balances clean design and crystal-clear navigation to the deeper pages of a website.

  • On the top of the site you can see the header. In header you can set a logo and background image, theme for your site.
M365 - SPO - Communication Site Header
Figure: M365 – SPO – Communication Site Header

Communication Site Navigation

Site navigation is the act of clicking and looking through resources on the internet, such as the various pages that make up a site. Users navigate websites using a web browser and clicking on links that transport them to other pages when clicked.

  • In header you can see the navigation below the site name/ site logo of a site.
M365 - SPO - Communication Site Navigation
Figure: M365 – SPO – Communication Site Navigation

Communication Site Footer

A site footer is an area located at the bottom of every page on a site, below the main body content. The term “footer” comes from the print world, in which the “footer” is a consistent design element that is seen across all pages of a document.

  • At the bottom of the site page you can see the footer.
M365 - SPO - Communication Site Footer
Figure: M365 – SPO – Communication Site Footer

Communication Site Web Parts

Web Parts are segmental components that shape the basic building block of a page on sites. Web parts can help customize intranet content, layout and a set of adjustable scripts in certain pages via the web interface.

  • In a site web parts categorized as
    • Text, media, and content
    • Documents, lists, and libraries
    • Feeds
    • News, people, and events
    • Data analysis
    • Regional information
    • Advanced
  • You can add the desired web part to the site page from the set of web parts.
M365 - SPO -Communication Site Web Parts
Figure: M365 – SPO -Communication Site Web Parts

Text, media, and content

The Web Parts under this category are

  • Button: Add a clickable button with a custom label and link.
M365 - SPO - Communication Site Button Web Part
Figure: M365 – SPO – Communication Site Button Web Part
  • Call to action: Add call to action text and an image paired with a clickable button.
M365 - SPO - Communication Site Call to action Web Part
Figure: M365 – SPO – Communication Site Call to action Web Part
  • Divider: Add line to divide areas on your page.
M365 - SPO - Communication Site Divider Web Part
Figure: M365 – SPO – Communication Site Divider Web Part
  • Hero: Prominently display up to 5 pieces of content with links, images, pictures, videos, or photos in a highly visual layout.
M365 - SPO - Communication Site Hero Web Part
Figure: M365 – SPO – Communication Site Hero Web Part
  • Image: Add an image, picture, or photo to your page including text overlays and ability to crop and resize images.
M365 - SPO - Communication Site Image Web Part
Figure: M365 – SPO – Communication Site Image Web Part
  • Image gallery: Show several images, pictures, or photos in a gallery layout.
M365 - SPO - Communication Site Image gallery Web Part
Figure: M365 – SPO – Communication Site Image gallery Web Part
  • Link: Add a link with rich preview such as an image or text brought in from the linked video or web content.
M365 - SPO - Communication Site Link Web Part
Figure: M365 – SPO – Communication Site Link Web Part
  • Quick links: Show a collection of links to content such as documents, images, videos and more in a variety of layouts with options for icons, images, and audience targeting.
M365 - SPO - Communication Site Quick links Web Part
Figure: M365 – SPO – Communication Site Quick links Web Part
  • Spacer: Add vertical space between areas on the page.
M365 - SPO - Communication Site Spacer Web Part
Figure: M365 – SPO – Communication Site Spacer Web Part
  • Stream: Display Stream videos or a Stream channel
M365 - SPO - Communication Site Stream Web Part
Figure: M365 – SPO – Communication Site Stream Web Part
  • Text: add and format text and tables.
M365 - SPO - Communication Site Text Web Part
Figure: M365 – SPO – Communication Site Text Web Part
  • YouTube: Show a YouTube video on the page.
M365 - SPO - Communication Site YouTube Web Part
Figure: M365 – SPO – Communication Site YouTube Web Part

Documents, lists, and libraries

The Web Parts under this category are

  • Document library: Show a document library from this site.
M365 - SPO - Communication Site Document library Web Part
Figure: M365 – SPO – Communication Site Document library Web Part
  • File Viewer: Display a document or file on your page including Word, Excel, PowerPoint, Pdf, 3d models, videos and more.
M365 - SPO - Communication Site File viewer Web Part
Figure: M365 – SPO – Communication Site File viewer Web Part
  • Highlighted content:
M365 - SPO - Communication Site Highlighted content Web Part
Figure: M365 – SPO – Communication Site Highlighted content Web Part
  • List: Display a list from this site.
M365 - SPO - Communication Site List Web Part
Figure: M365 – SPO – Communication Site List Web Part
  • List properties: Connect to list web part on the same page and dynamically display a selection from that list.
M365 - SPO - Communication Site List properties Web Part
Figure: M365 – SPO – Communication Site List properties Web Part
  • Page properties: Show details about your page like date, content type, or custom properties.
M365 - SPO - Communication Site Page properties Web Part
Figure: M365 – SPO – Communication Site Page properties Web Part
  • Recent documents: Display recent documents for the current user.
M365 - SPO - Communication Site Recent documents Web Part
Figure: M365 – SPO – Communication Site Recent documents Web Part
  • Saved for later: Show the current page viewer’s documents, videos, and pages that they saved for later.
M365 - SPO - Communication Site Saved for later Web Part
Figure: M365 – SPO – Communication Site Saved for later Web Part
  • Sites: Show important or interesting sites on your page.
M365 - SPO - Communication Site Sites Web Part
Figure: M365 – SPO – Communication Site Sites Web Part

Feeds

The Web Parts under this category are

  • Conversations: Show conversations from a Yammer group, user, topic, or home.
M365 - SPO - Communication Site Conversations Web Part
Figure: M365 – SPO – Communication Site Conversations Web Part
  • Feed for Viva Connections: Show a feed with conversations, news, and stream videos personalized to users based on the communities and sites they follow.
M365 - SPO - Communication Site Feed for Viva Connections Web Part
Figure: M365 – SPO – Communication Site Feed for Viva Connections Web Part
  • Highlights: Show highlights of Yammer conversations.
M365 - SPO - Communication Site Highlights Web Part
Figure: M365 – SPO – Communication Site Highlights Web Part
  • Twitter: Display a Twitter feed.
Figure: M365 – SPO – Communication Site Twitter Web Part

News, people, and events

The Web Parts under this category are

  • Countdown Timer: Count down or count up to an important event.
M365 - SPO - Communication Site Countdown Timer Web Part
Figure: M365 – SPO – Communication Site Countdown Timer Web Part
  • Events: Display upcoming events from your sites in a layout you choose.
M365 - SPO - Communication Site Events Web Part
Figure: M365 – SPO – Communication Site Events Web Part
  • Group calendar: Display a calendar from one of your Office 365 groups.
M365 - SPO - Communication Site Group calendar Web Part
Figure: M365 – SPO – Communication Site Group calendar Web Part
  • News: Show news posts from one or more sites in a variety of layouts. You can filter news and target news to key audiences.
M365 - SPO - Communication Site News Web Part
Figure: M365 – SPO – Communication Site News Web Part
  • Organization chart: Show an organization chart (org chart) with structure and connections for a selected person.
M365 - SPO - Communication Site Organization chart Web Part
Figure: M365 – SPO – Communication Site Organization chart Web Part
  • People: Display selected people and their profiles.
M365 - SPO - Communication Site People Web Part
Figure: M365 – SPO – Communication Site People Web Part

Data analysis

The Web Parts under this category are

  • Microsoft Forms: Add a survey to collect responses or show results.
M365 - SPO - Communication Site Microsoft Forms Web Part
Figure: M365 – SPO – Communication Site Microsoft Forms Web Part
  • Power BI: Display a Power BI report.
M365 - SPO - Communication Site Power BI Web Part
Figure: M365 – SPO – Communication Site Power BI Web Part
  • Quick chart: Show data in simple bar or pie chart.
M365 - SPO - Communication Quick chart Web Part
Figure: M365 – SPO – Communication Quick chart Web Part
  • Site Activity: Show site activity such as files uploaded or edited, lists created, and more.
M365 - SPO - Communication Site Activity Web Part
Figure: M365 – SPO – Communication Site Activity Web Part

Regional information

The Web Parts under this category are

  • Bing Maps: Display a location on map using Bing Maps.
M365 - SPO - Communication Site Bing Maps Web Part
Figure: M365 – SPO – Communication Site Bing Maps Web Part
  • Weather: Show the current weather in a location you choose.
M365 - SPO - Communication Site Weather Web Part
Figure: M365 – SPO – Communication Site Weather Web Part
  • World clock: Show one or more clocks with time zones you choose.
M365 - SPO - Communication Site World clock Web Part
Figure: M365 – SPO – Communication Site World clock Web Part

Advanced

The Web Parts under this category are

  • Code Snippet: Add a Code Snippet to the page.
M365 - SPO - Communication Site Code Snippet Web Part
Figure: M365 – SPO – Communication Site Code Snippet Web Part
  • Embed: Embed content from other sites such as Sway, YouTube, Vimeo, and more.
M365 - SPO - Communication Site Embed Web Part
Figure: M365 – SPO – Communication Site Embed Web Part
  • Kindle Instant Preview: Show a preview of a Kindle book.
M365 - SPO - Communication Site Kindle Instant Preview Web Part
Figure: M365 – SPO – Communication Site Kindle Instant Preview Web Part
  • MarkDown: Use MarkDown language to add and format text.
M365 - SPO - Communication Site MarkDown Web Part
Figure: M365 – SPO – Communication Site MarkDown Web Part
  • Microsoft Power Apps (Preview): Show a custom app created with PowerApps
M365 - SPO - Communication Site Microsoft Power Apps Web Part
Figure: M365 – SPO – Communication Site Microsoft Power Apps Web Part
  • My feed: Display a personalized feed of content and activities.
M365 - SPO - Communication Site My feed Web Part
Figure: M365 – SPO – Communication Site My feed Web Part

Hope this article will help you to know about Communication Site in SharePoint Online. Will catch up with new article soon.

Keep learning and keep smiling 🙂

Thanks.

Khasim Shaik

SharePoint Developer at OS InfoTech

You may also like...

2 Responses

  1. Yogesh Meher says:

    Thanks for sharing Khasim. Informative article. Keep it up 👍👍

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: