Add In Built Web Parts In SharePoint Modern Site Page

In the previous article, we have gone through how to create a new SharePoint modern site page. Here, we are going to add Yammer embedded Web part and site activity Web part on the SP modern site page.

What is SharePoint modern page?

  • This is one of the new features in SharePoint 2016.
  • Modern team site pages are fast, easy to author, and support rich multimedia content. The pages look great on any device, in a Browser, or from within the SharePoint app.
  • SPFX (SharePoint Client site Framework) Web part can be easily added to modern pages.
  • These pages are built with Web parts, which you can customize according to your requirements. We can add the things given below to SP's modern site pages.
    • Videos
    • Documents
    • Yammer embed feeds
    • Images
    • Site Activities
  • Using pages is a great way to communicate and share your ideas such as status and trip reports, how to write write-ups, know-before-you-go guides and frequently asked questions.

Steps

Follow the listed steps below to add the in-built Web parts to the modern site page.

Step 1. Open your SharePoint site.

SharePoint

Step 2. Go to the site contents page, using the Gear menu, as shown below.

 Contents page

Step 3. Now, select the site pages library on the site contents page.

Site contents

Step 4. On the site pages library, open the SP modern site page, which you have created before.

SP modern

Step 5. Now, click Edit the page to add the Web part.

Web Part

Step 6. On the page, click the + (Add) button, followed by selecting the Web part, which you want to add.

  1. I selected the Site Activity Web part.
     Site Activity
  2. Site Activity web part will be added to your site page.
    Development

Step 7. Now, click the Add button to add one more Web part. I selected the Yammer embed feed Web part.

Add button

Step 8. Now, add the web part given below and the properties for the Yammer embed Web part are given below.

  1. Web Address: Provide your Yammer Web address, and select any group.
  2. Display Size
    Display Size

Step 9. After you added the Web part, click Save and Close the modern site page.

Modern site

Finally, your web part will be added successfully. Once all the changes are done, publish the page.

Modelpage

Summary

In this article, we explored how to add Yammer embed feed Web part and site activities in the built Web part on SharePoint modern site page.