5 web parts to design amazing SharePoint pages

Discover 7 Powerful SharePoint Web Parts for Intuitive Intranet Pages. This article showcases the features of 7 modern web parts that support business scenarios, works on SharePoint Online, SharePoint 2016/2019 and help design amazing SharePoint pages for employees to perform their best. Plus, get a sneak peek at upcoming features.

The web parts covered are Celebrations, Lists, Script Editor, Quick Links, Image Gallery, Title, and Divider.

1. WordPress Posts

Show posts from any WordPress sites in a variety of layouts on SharePoint pages. With WordPress Posts, you can keep your intranet fresh and up-to-date with the latest content from any WordPress site. You can filter posts and choose from any categories.

  • Quick and easy way to display posts from any WordPress site on SharePoint pages
  • Customizable layouts, so you can match your intranet design
  • Filter posts by category, so you can show only the most relevant content to your audience
  • Easy to use and highly affordable.

2. Event Timeline

The Timeline Web Part is a valuable addition to any SharePoint site that utilizes event lists. With this web part, you can easily turn events from a specific list into customized timeline. You can also show only the events that are most relevant to your audience.

  •  Filter events to show only relevant events.
  • Customize the display of the events. You can customize the colors and design.
  • Choose which fields from the event list to show.
  • Select the order in which they are displayed. 

3. List to FAQs

The FAQs Web Part for SharePoint is a powerful webpart accordion that allows you to easily create and manage a list of frequently asked questions using any SharePoint list.

With this web part, you can easily create and manage a list of FAQs using any SharePoint list.

  • Create and manage a list of frequently asked questions using any SharePoint list
  • Display questions and answers in a clear and organized manner
  • It includes a search feature to easily find answers
  • The FAQs can be sorted and filtered to show specific information
  • The web part can be added to Teams as tabs

4. Announcement Ticker

Keep your team informed and up-to-date with the SharePoint Announcement Ticker app. This webpart allows you to use any SharePoint announcement list to generate a dynamic announcement ticker that displays announcements in the form of scrolling text running from bottom to left across your team’s homepage, ensuring that your team stays informed on important updates and news.

5. Employee Directory

We know finding co-worker at the workplace is a common and important task in most organisation. The Employees Directory Web Part enables every employee in an organisation to connect with each other. 

Must have SharePoint Web Parts

Looking for the best SharePoint web parts to take your intranet to the next level?

There are many SharePoint web parts that you can choose from. This makes it extremely overwhelming for SharePoint administrators to find the right webparts for their intranet.

We are often asked by readers for the best SharePoint web parts. Being the largest SharePoint web parts resource site, our experts creates many SharePoint web parts every year, so we can make it easy for our users (you) to find the best solutions.

Having the right set of SharePoint web parts can help you build the best intranet and SharePoint team sites. In this article, we share our expert pick of the must-have SharePoint web parts for business websites 2020.

1. Video Gallery Player

Most organizations have videos they would like to show their employees. It could be videos about the organization, events or training videos.

Once you create a Video library, you may need to present it a way that will make it easy for people to view.

Why not try this YouTube like web part. The Video Gallery Player Web Part allows you to play videos contained in a specified SharePoint Assets Library. You have the choice to select which videos library and filter by your own criteria.

It supports the following languages:

  • English
  • French
  • German

2. FlipBox

The FlipBox web part helps you to create interactive designs. The FlipBox web part makes your content more interesting with an interactive before and after effect.

Choose one of our stunning flip effects: flip, and slide and amaze your visitors.

It supports the following languages:

  • English
  • French
  • German

You can customize the font and background colors. You can set the width and height as well.

3. Timeline

Why not bring life to your SharePoint calendar. Forget about the boring view you get out of the box, and make your intranets beautiful and meaningful using this timeline web part.

This timeline provides a visual representation of events that will help users better understand history, a story, a process or any other form of an event sequence arranged in chronological order and displayed along a line.

You have the choice to select which Event list, filter by your own criteria.
Multiple Timeline Web Parts can be placed on a page.

Storing and Displaying Videos on SharePoint

The Video and Rich Media feature of SharePoint enables the asset library, a type of document library. The asset library can help you manage rich media assets such as images, audio, and video, especially for SharePoint 2013 and 2016. For SharePoint Online, see What is a document library?

To enable the video and rich media feature, you must have permissions to change Site Collection features.

  1. On the Site Settings page, under Site Collection Administration, click Site collection features.
  2. On the Site Collection Features page, under Video and Rich Media, click Activate.
  3. Browse to the site where you want to create the library.
  4. In the Quick Launch, click Site Contents or click Settings Office 365 Settings button and then click Site Contents.
  5. Select + New > App. In the classic experience look under Lists, Libraries, and other Apps and select Add an app.To create an Asset Library, you must have permission to create lists. If you don’t have sufficient permissions, you won’t see the + New menu or the Add an app link.
  6. Under Apps you can add, click Asset Library.
    Asset Library tile
  7. In the Adding Asset Library dialog box, type a name for the library, and then click Create.

How to install web parts

To use client-side web parts you downloaded on modern SharePoint server-side pages, you need to deploy and register the web part with SharePoint.

Installation

  1. After downloading the web part, extract the package from the zip file.
    • Most of our packages have other files included. We are interested in the .sppkg file.
  2. Upload your SPFx web part package to the SharePoint App Catalog. You can simply drag-and-drop the .sppkg file into your App Catalog.

    Once uploaded, a dialog will appear. This dialog will allow you to deploy your solution after clicking on Deploy.


    You have the choice to make the web part available to all site collections immediately or instead require a site owner to add the web part “app” to their site to make the web part available on pages.
  3. If your solution was deployed and installed on all sites in your organization, then you can skip this step.
    1. Go to the SharePoint site collection that needs your solution. Add an app (from the gear located at the Microsoft 365 top bar or from the Site Contents › New › App) and click on your solution.



      Once installed, you can see the instance of your solution from the Site Contents.

Add the web part to modern page

  1. In your browser, go to your site where the solution was installed.
  2. Select the gears icon in the top nav bar on the right, and then select Add a page.
  3. Edit the page.
  4. Select the add icon (this icon appears when you mouse hovers over a section as shown in the image above). This opens the toolbox where you can see a list of web parts available for you to add. Search for the web part and click on it to add to the page.

  5. Select the pencil icon on the far left of the web part to reveal the web part property pane. The property pane is where you can define properties to customize your web part. 

Add the web part to classic page

Prerequisites for SharePoint 2016

Before going any further, we have to check if the “September 2017 Public Update for SharePoint 2016” is installed on our server, otherwise, we can’t use SPFx. The “Configuration database” version must be equal or greater than 16.0.4588.1000

Go to System Settings -> Manage Servers to verify. Updates can be found here.

  1. Edit a web part page and click on Add a web part.
  2. From the Envoqon web part category, select the spfx client-side web part to add to the page.