Go Headless

Build Apps

Client

API Preview

Develop Websites

REST

Velo

GraphQL (Alpha)

# Wix Bookings: Edit Staff Profile Page
The Bookings Edit Staff Profile page has 2 plugin slots. [Slots](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/dashboard-extensions/dashboard-plugins/supported-wix-app-dashboard-pages/about-dashboard-page-slots) are the placeholders in the UI for plugins. The slot ID is the value for the required `extends` field when configuring the plugin in the [Wix Dev Center](fallback::https://dev.wix.com/apps).


#### Location in Dashboard
Settings > Booking Settings > Staff > Edit or Add staff member

## Dashboard plugin slots
The Bookings Edit Staff Profile page features a dashboard plugin slot. It is positioned at the top of the page.

![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-bookings-edit-staff-profile-page-md_build-apps-portal_develop-your-app_extensions_dashboard-extensions_dashboard-plugins_supported-wix-app-dashboad-pages_assets_edit-staff-profile-page-plugin.jpg)

Use the following slot ID for the `extends` property in your dashboard plugin's configuration in the Dev Center: 

**Edit Staff Profile Page plugin slot ID**: `049fb0fe-cc4a-4e33-b0a9-d8cda8e7a79f`

For example:
```json
{
 "hostingPlatform": "BUSINESS_MANAGER",
 "extends": "049fb0fe-cc4a-4e33-b0a9-d8cda8e7a79f",
 "description": "Dashboard Plugin on the Wix Bookings staff profile page.",
 "title": "Edit Staff Profile Dashboard Plugin",
 "width": 300,
 "height": 400,
 "iframeUrl": "https://www.example.com",
 "componentName": "Edit Staff Profile Plugin"
}
```

<blockquote class="important">

__Important:__
The hosting platform must be "BUSINESS_MANAGER".

</blockquote>


### Interaction between the dashboard page and your plugin

To interact with and retrieve data from the dashboard page use one of the following functions:
- `withDashboard()` from the  [dashboard-react SDK](fallback::https://dev.wix.com/docs/sdk/host-modules/dashboard-react/with-dashboard) 
- `observeState()` from the [dashboard SDK](fallback::https://dev.wix.com/docs/sdk/host-modules/dashboard/observe-state)

This slot passes the following parameters:
- `staffId`
- `staffResourceId`

```js
// using dashboard-react

import React from 'react';
import { withDashboard } from '@wix/dashboard-react';
import { useWixModules } from '@wix/sdk-react';

export default withDashboard(props => {
   console.log( "props: ", {props})
});
```

```js
// using dashboard SDK
import { dashboard } from '@wix/dashboard';
import { createClient } from '@wix/sdk';

const client = createClient({
  host: dashboard.host(),
  auth: dashboard.auth(),
  modules: {
    dashboard,
  },
});
client.dashboard.observeState((componentParams) => {
  console.log("componentParams:", componentParams);
});
```

### Multiple plugins in the same slot

This plugin slot can host multiple plugins. 

The plugins are displayed one on top of the other and ordered by date created, with the most recently created plugin displayed at the top of the UI.

### Wix APIs
You can implement logic in your plugin using the Wix Bookings APIs:
- [SDK](fallback::https://dev.wix.com/docs/sdk/backend-modules/bookings/introduction)
- [REST](fallback::https://dev.wix.com/docs/rest/business-solutions/bookings/about-wix-bookings)

## Dashboard menu plugin slots

The Bookings Edit Staff Profile page features one dashboard menu plugin slot. It is found in the main more actions menu:

![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-bookings-edit-staff-profile-page-md_build-apps-portal_develop-your-app_extensions_dashboard-extensions_dashboard-plugins_supported-wix-app-dashboad-pages_assets_edit-staff-profile-page-menu-plugin.png)

>**Note:** The more actions button does not appear on the page if an app hasn't configured any menu plugins in this slot.

The target page or modal can retrieve dashboard page data using the `withDashboard()` function from the [dashboard-react SDK](fallback::https://dev.wix.com/docs/sdk/host-modules/dashboard-react/with-dashboard) or the `observeState()` function from the [dashboard SDK](fallback::https://dev.wix.com/docs/sdk/host-modules/dashboard/observe-state).
This slot passes the following parameters:
- `staffId`
- `staffResourceId`

Use the following slot ID for the `extends` property in your dashboard menu plugin's configuration in the Dev Center:

**More actions menu slot ID**: `ce533e85-9419-4c18-baf8-b3bb2423bcd1`

For example:
```json
{
  "hostingPlatform": "BUSINESS_MANAGER",
  "extends": "ce533e85-9419-4c18-baf8-b3bb2423bcd1",
  "title": "Edit Staff Menu Plugin",
  "iconKey": "Smile",
  "action": {
    "navigateToPage": {
      "pageId": "36bceb0e-5ac3-4b12-a40d-df0bf5e8dc89",
      "relativeUrl": "?home"
    }
  },
  "componentName": "My Bookings Edit Staff Page Menu Plugin"
}
```

<blockquote class="important">
   
   __Important:__
   The hosting platform must be "BUSINESS_MANAGER".
   
   </blockquote>


### Multiple plugins in the same slot

This plugin slot can host multiple plugins. 

The plugins are displayed one on top of the other and ordered by date created, with the most recently created plugin displayed at the bottom.




## Slot IDs

| Slot | ID                  | Parameters |
| --- | --------------- | --- |
| Edit Staff Profile Page plugin slot | `049fb0fe-cc4a-4e33-b0a9-d8cda8e7a79f`  | `staffId`, `staffResourceId` |
| Edit Staff Profile Page more actions menu plugin slot | `ce533e85-9419-4c18-baf8-b3bb2423bcd1`  | `staffId`, `staffResourceId` |

## See also
- [About Dashboard Page Slots](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/dashboard-extensions/dashboard-plugins/supported-wix-app-dashboard-pages/about-dashboard-page-slots)
- [About Dashboard Plugin Extensions](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/dashboard-extensions/dashboard-plugins/about-dashboard-plugin-extensions)
- [Add Self-hosted Dashboard Plugin Extensions](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/self-hosting/supported-extensions/dashboard-extensions/add-self-hosted-dashboard-plugin-extensions)
- [About Dashboard Menu Plugin Extensions](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/dashboard-extensions/dashboard-plugins/dashboard-menu-plugins/dashboard-menu-plugin-extensions)
- [Add Dashboard Menu Plugin Extensions](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/dashboard-extensions/dashboard-plugins/dashboard-menu-plugins/add-dashboard-menu-plugin-extensions)