How To Add and Configure the Vitextra Employee Directory Web Part
- Tools
- SharePoint Online, Vitextra Employee Directory
Add the Employee Directory Web Part

Navigate to the SharePoint page where you want to add Employee Directory. Click Edit in the top-right corner of the page, then click the + icon to add a new web part. In the search box, type "Employee Directory" and select the Employee Directory web part from the list.
📝 Note
The Employee Directory web part can use either SharePoint User Profiles or Entra ID as its data source. The other option, Employee Directory (Entra ID), only supports Entra ID, but offers more features for filtering and displaying data — pick whichever web part matches the data source you plan to use before you invest time in configuration.Configure the Web Part

Click the edit properties icon to open the configuration panel and customize the settings to fit your needs.
Configure Columns

Add, remove, or reorder columns to display the information that matters most to your organization — typically name, job title, department, and contact information, but any indexed profile property can be added. Mark columns as searchable, and change the caption of each column to something your users will recognize.
💡 Tip
Need a column that does not exist as a profile property yet? See the companion guide, How To Create a Custom Searchable User Profile Property, to add one before configuring columns here.Customize the Layout

Choose between two layout options: Details and Cards. The Details layout presents search results in a tabular format, letting users reorder columns from the app settings — ideal for a detailed, organized view of employee records. The Cards layout presents results using the native SharePoint control, in an aesthetically pleasing card format — a good fit for users who prefer a more graphical, simplified interface.
Configure Filters

Use the Query Builder to create complex filters and define specific criteria that narrow down the search results — for example, by department, job title, or location, or by combining several conditions together.
Set Up the Refinement Panel

Configure the refinement panel to include the refiners you want — department, job title, location, and others. The panel lets end users dynamically filter search results themselves, by selecting the criteria they care about, without needing to know how the Query Builder works.
Add the Web Part to a Full-Width Section

Move the web part from a general section to a full-width section. Drag and drop the Employee Directory web part into the full-width section to give it more room and improve the visual appeal and usability of the directory, especially on wide screens.
Explore Additional Features

The Vitextra Employee Directory solution includes three web parts: Employee Directory, Employee Directory (Entra ID), and New Employees. Each serves a distinct purpose and can be configured to fit your organization's specific needs.
💡 Tip
For more detailed information, see KB10062. Export Employee List into an Excel Spreadsheet, KB10207. Boost Onboarding with the New Employees Web Part in SharePoint Online, and KB10199. Customize Employee Details Pane.
Link to this page
Found this useful? Copy a ready-made link for your blog, wiki, documentation or forum answer.
HTML
<a href="https://vitextra.com/en/support/how-to/add-and-configure-the-employee-directory-web-part">How To Add and Configure the Vitextra Employee Directory Web Part</a>Markdown
[How To Add and Configure the Vitextra Employee Directory Web Part](https://vitextra.com/en/support/how-to/add-and-configure-the-employee-directory-web-part)Citation
How To Add and Configure the Vitextra Employee Directory Web Part. Vitextra Knowledge Base. Updated Oct 22, 2026. https://vitextra.com/en/support/how-to/add-and-configure-the-employee-directory-web-partHow to
Step-by-step guides
How To Export a User Profile as a Business Card (vCard)
The downloaded vCard opened as a contact card showing the name, e-mail, job title, company, address and phone numbers of the employee.
How To Add Employee Directory App to Microsoft Teams
Microsoft Teams with the Employee Directory (Employees) icon pinned in the left app bar, and the app open showing the employee search page with quick filters and a grid of employee cards.
How To Create a Short Link in SharePoint Online
The Create shortened URL form of the Short URL Online web part with the Name, Origin URL, Domain and Short URL fields filled in and the Create button highlighted.
How To Create a Custom Searchable User Profile Property
The property pane of the Employee Directory web part, Employee Details section, where the new managed property is selected as a custom attribute.
How To Color Folders in SharePoint Online
The context menu of a folder in the List Filter Online web part with the Folder Color submenu open, showing the palette of 16 preset colors.