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.
How to
Step-by-step guides