Contact Details Web Part in SharePoint 2016

SharePoint Online training courses

Here we will discuss what is a Contact Details Web Part in SharePoint? How to add a Contact User Details Web Part inside a web part page in SharePoint 2016, as well as we will see how we can configure contact details web part? The say way we can use contact details web part in SharePoint 2016 and SharePoint Online.

What is Contact Details Web Part in SharePoint?

In the contact details web part we will be able to see contact details of an employee like Name, ID, Mobile Number, Profile Picture etc. So here we will add a contact details web part to display the contact information of an employee.

How to add a Contact Details Web Part?

To add a Contact User Details Web Part, we can follow these below steps-

Step-1:-

Go to the Web Part Page which is present inside the “Files” option of a “Site Page”. Then click on to the “Add a Web Part” of any one of the columns whatever you want. Then it will show to choose the “Categories” and “Parts” as I have chosen the “Social Collaboration” and then “Contact Details” and then click on to “Add” for adding the Contact Details Web Part.

sharepoint contact list web part
sharepoint contact list web part

Step-2:-

After adding the Web Part, here it will show the Web Part named as “Contact Details” like as below screenshot.

sharepoint 2013 contact details web part
sharepoint 2013 contact details web part

Step-3:-

To add a Contact Details, click on the option as “Click here to add or modify a contact”. similarly, another way to add a Contact Details is, go to the “.” option which is present at the right side of the “Contact Details”. Then click on to “Edit Web Part”.

sharepoint 2013 contact list with photo
sharepoint 2013 contact list with photo

Step-4:-

After add or modify a contact, a “Contact Details Tool Pane” box will appear at the right side like the below screenshot.

sharepoint contact list from active directory
sharepoint contact list from active directory

Step-5:-

In this “Contact Details Tool Pane” box, we have to check the list and give a  Contact Name as I have given as “Bijay K. Sahoo”. Here if you want to browse the Contact Name then you can browse through the browser option. Then click on “Apply” and “OK”.

sharepoint 365 contact list
sharepoint 365 contact list

Step-6:-

Here it will show the Contact Name as “Bijay K. Sahoo” in the Contact Details Web Part as like given screenshot.

add image to sharepoint list
add image to sharepoint list

Step-7:-

If you want to upload the image icon of that Contact Person, Then you can edit the Contact Details and upload the image by its corresponding image upload option. Here I uploaded an image of “Bijay K. Sahoo” in the given screenshot.

sharepoint 2013 active directory user list
sharepoint 2013 active directory user list

Step-8:-

Here if you want to add multiple Contact, then it will not allow to add another or multiple Contact at a time. For that you have to choose another Web Part. So it allows only one Contact in one Web Part. For example, here I added another Contact as “Preeti”, but it is displaying  an error as “You are only allowed to enter one item”. so the solution for adding another Contact Details is, we have to  choose another Web Part.

sharepoint 2013 contact details web part multiple contacts
sharepoint 2013 contact details web part multiple contacts

Read the SharePoint web part examples:

Conclusion:

Hence we discussed what is a SharePoint Contact Details Web Part, how to add a Contact User Details Web Part in SharePoint 2016 which are mentioned in the above steps.

>