Wix Bookings: Adding and Setting up a Staff Widget on Your Site

5 min read
Let clients get to know your team by adding a Staff Widget. From here, you can direct clients to the services each staff member provides, or to a personal profile page for each staff member.
The Staff Widget is not available in Editor X. 

Step 1 | Add a Staff Widget to your site

A Staff Widget is a great way for clients to get to know your team. It is also a useful way for any walk-in clients to book another session with a staff member after a great service.

To add a Staff Widget to your site:

  1. Go to the page where you want to add the Staff Widget.
  2. Click Add  on the left side of the Editor.
  3. Click Bookings.
  4. Click Staff Members.
  5. Click or drag the Staff Widget to add it to your page. 

Step 2 | Organize the staff list in the Staff Widget

Now that the Staff Widget is on the page, you can arrange the staff members in your preferred order. Your staff members automatically appear in the widget. You can then reorder or hide certain staff members, and customize the design of the widget. 

To organize the staff list in the Staff Widget:

  1. Click the Staff Widget in your Editor. 
  2. Click Settings
  3. Click Staff
  4. Organize your staff list by doing any of the following: 
    • Reorder the staff list: Click and drag the panel next to each staff member to reorder the staff list. 
    • Hide a staff member: 
      1. Click the More Actions icon .
      2. Click the Hide icon next to any staff members you do not want to appear on the Staff Widget.
    • Show a hidden staff member: 
      1. Click the More Actions icon .
      2. Click the Show icon .

Once you have the staff in the correct order, you can manage their links on the Staff Widget. You can send clients to a staff member's profile page, explaining their experience and credentials. Or you can link directly to their services.
Before you continue:
Make sure each staff member has a page to introduce them. You can do either of the following: 

To set up the links for each staff member:

  1. (In the Settings panel) Hover over the relevant staff member and click the More Actions icon .
  2. Click Manage Link
  3. Choose where you want to link to:
    • Their services: The staff member button takes clients to a filtered service page with only services offered by that staff member.
    • Another site page:
      1. Click undefined to open the drop-down menu.
      2. Choose the relevant site page you want to link to. 
  4. Repeat steps 1-3 for each of your staff members. 

Step 4 | Edit the button text

After setting up a link for each of your staff, you can change the text that appears on the button clients click to access the link (e.g. "Book Now", "Read Bio"). The button appears below the member's photo.

To edit the button text:

  1. (In the Settings panel) Click Text
  2. Enter your custom button text in the field under Button

Step 5 | Choose which details appear for staff members

Choose which details you want to show or hide under each staff member profile in the Staff Widget. You can display elements such as their photo, a brief description, their contact details, and more.
The information that appears about your staff members is taken directly from the Staff tab in your site's dashboard. To update these details, edit the relevant staff member.

To choose which details appear for staff members:

  1. (In the Settings panel) Click Display. 
  2. Select the checkboxes next to the details you want to display about staff members. 

Did this help?