Wix Bookings: Booking List Page

The Booking List page has 3 plugin slots. 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.

Location in Dashboard

Booking Calendar > Booking List

Dashboard plugin slots

The Booking List page features a dashboard plugin slot. It is positioned at the top of the page.

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

Booking List Page plugin slot ID: 0f756363-1659-4929-b4ef-5ff2c458eb7d

For example:

1

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
• observeState() from the dashboard SDK

1

1

Multiple plugins in the same slot

This plugin slot can host multiple plugins.

The plugins are displayed next to each other and ordered by date created, with the most recently created plugin displayed furthest left.

Wix APIs

You can implement logic in your plugin using the Wix Bookings APIs:

• SDK
• REST

Dashboard menu plugin slots

The Booking List page features 2 dashboard menu plugin slots.

One dashboard menu plugin slot is found in each booking's more actions menu in the booking list:

The target page or modal can retrieve dashboard page data using the withDashboard() function from the dashboard-react SDK or the observeState() function from the dashboard SDK. This slot passes the following parameters:

• bookingId

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

Booking more actions menu slot ID: 38fbe11f-6bc6-4df7-a742-e3e169a16cef

The other dashboard menu plugin slot is found in the bulk actions more actions menu in the booking list. The bulk actions menu appears when at least 1 booking is selected:

The target page or modal can retrieve dashboard page data using the withDashboard() function from the dashboard-react SDK or the observeState() function from the dashboard SDK. This slot passes the following parameters:

• selectedBookingIds

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

Booking list bulk actions' more actions menu slot ID: f1ab2ce9-a790-4e3e-a0f7-fae4da37a668

For example:

1

Multiple plugins in the same slot

These plugin slots can host multiple plugins.

The plugins are displayed next to each other and ordered by date created, with the most recently created plugin displayed at the top.

Slot IDs

See also

• About Dashboard Page Slots
• About Dashboard Plugin Extensions
• Add Self-hosted Dashboard Plugin Extensions
• About Dashboard Menu Plugin Extensions
• Add Dashboard Menu Plugin Extensions