Table Reservations Page

The Table Reservations page has 3 plugin slots: 1 dashboard, and 2 dashboard menu.

Learn more about dashboard plugins and slots.

Page location in dashboard

Table Reservations

Slot 1: Reservations banner

This dashboard plugin slot is positioned at the top of the page.

Multiple plugins in the same slot

This plugin slot can host multiple plugins.

The plugins are displayed horizontally and ordered by date created, with the most recently created plugin displayed at the right.

Slot 2: Reservations main more actions menu

This dashboard menu plugin slot is located in the more actions menu at the top right of the page.

Multiple plugins in the same slot

This menu plugin slot can host multiple plugins.

The plugins are displayed vertically and ordered by date created, with the most recently created plugin displayed at the bottom.

Slot 3: Reservation item more actions menu

This dashboard menu plugin slot is located in the more actions menu of each reservation in the Reservations and Requests tables.

Multiple plugins in the same slot

This menu plugin slot can host multiple plugins.

The plugins are displayed vertically and ordered by date created, with the most recently created plugin displayed at the bottom.

Slots list

Slot nameSlot typeIDInterface
Reservations bannerDashboard plugin slot7f71aacd-0cbf-4b73-9ea5-482e073ea237ReservationsBannerParams
Reservations main more actions menuDashboard menu plugin slot61646cc4-8deb-4e4b-bd30-938d3a29eeeeReservationsMainMoreActionsMenuParams
Reservation item more actions menuDashboard menu plugin slotf51f609d-950f-448a-a5e7-f01d31a7978dReservationItemMoreActionsMenuParams

Related APIs

You can implement logic in your plugin using the Wix Table Reservations API:

Did this help?

Reservation Item More Actions Menu Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
reservationIdstring

ID of the reservation for which the "more actions" menu was opened.

Use this in the code for the dashboard plugin.

JavaScript
Did this help?

Reservations Banner Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
currentReservationLocationReservationLocationSlotProps

Object containing information about the reservation location whose reservations are currently being displayed.

requestsArray<ReservationSlotProps>

Array of objects containing information about the requested reservations on the currently selected date. These are also displayed in the table below the widget.

reservationsArray<ReservationSlotProps>

Array of objects containing information about each reservation on the currently selected date. These are also displayed in the table below the widget.

Use this in the code for the dashboard plugin.

JavaScript
Did this help?

Reservations Main More Actions Menu Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
reservationLocationIdstring

ID of the currently selected reservation location.

Use this in the code for the page or modal opened by the dashboard menu plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/table-reservations/dashboard";

type ReservationsMainMoreActionsMenuParams = plugins.WixTableReservations.ReservationsMainMoreActionsMenuParams;

const Modal: FC<ReservationsMainMoreActionsMenuParams> = (props: ReservationsMainMoreActionsMenuParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => 	({
    	  console.log(
	     `Reservation Location Id: ${componentParams.reservationLocationId}`
    	  );
    
    	})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Modal;
Did this help?