Content Search web part in SharePoint Online

In this SharePoint Online search tutorial we will discuss SharePoint content search web part. We can use the same content search web part in SharePoint Online/2013/2016. Also, we will see advantages of content search web part over content query web part in SharePoint. How to add and configure content search web part in a SharePoint Online web part page. I will also show few properties available in content search web part in SharePoint Online.

Content search web part in SharePoint Online/2013/2016

Microsoft introduced content search web part in SharePoint 2013, by that time content search web part was also available in SharePoint Online.

By using content search web part, you can display search results which can be easily formated by using a custom display template. Behind each content search web part, there is a search query associated which provides the search results. Display templates consists of HTML & JavaScript that decides the look and feel of the search result associated with the web part.

Advantages of the content search web part over the content query web part

I have written an article on SharePoint 2013 content search web part vs content query web part. Read the article to know more where to use content search web part and where to use content query web part in SharePoint Online or SharePoint 2016/2013.

Add and Configure the content search web part in SharePoint web part page

To add a Content Search Web part, First of all, open your web part page. Then click on “Add a Web Part” on the specific zone from where you want to add the web part.

Click on “Content Rollup” from the “Category” template and then click on “Content Search” web part as shown in below.

sharepoint 2013 content search web part query builder
sharepoint 2013 content search web part query builder

While the “Content Search” web part will add to the web part page, we will see the recent activity which we performed in the site. Follow the below examples:

Example-1: Displaying Picture library item in the Content Search web part in image sliding

Once the “Content search” web part will add to your existing web part page, follow the below proccesses for displaying the picture with the image sliding:

Click on the drop-down symbol which is present at the right side of the Content Search web part. Click on “Edit Web Part” from that dropdown to edit the web part properties.

sharepoint 2016 content search web part
sharepoint 2016 content search web part

In the “Properties” page, Click on “Change query” as shown in below.

sharepoint 2013 content search web part
sharepoint 2013 content search web part

In the “Build Your Query” page, Select the “Basics“. From the “Select a query” field, Select “Picture(System)” from the drop-down.

content search web part list items
content search web part list items

Again go to the “Refiners” tab, select the Picture from the “Content type“. On the right-hand side, we will see all the pictures of the SharePoint site. Then click on “OK“.

content search web part list items
content search web part list items

Now select the number of items which you want to show on the web part page. In the “Display Templates“, select the “Control” as “Slideshow” and next in the Item, Select the picture size as per your requirement.
Here, I have selected the “Item” as “large Pictures“.

Once all the Display Templates field value will over, Click on “Apply” and then “OK” as shown in below.

content search webpart in sharepoint online
content search webpart in sharepoint online

While you will click on “Stop Editing” mode from the ribbon, then the output screen will look like below. As per my requirement, the SharePoint online picture library items are coming in the image slider mode as like below screenshot.

content search webpart in sharepoint 2013
content search webpart in sharepoint 2013

You may like following SharePoint search tutorials:

Hope this SharePoint search tutorial helps to learn content search web part in SharePoint Online or SharePoint 2016/2013.

We saw what is a content search web part? How can we add and configure a content search web part in SharePoint Online/2016/2013. How to configure content search web part to display images from a particular SharePoint Online document library.

>