Create a Wix Dashboard Extension

A Wix dashboard extension is an app that integrates with an existing Wix app's dashboard page (e.g., Wix Bookings). There are two types of dashboard extension:

• iFrame widget: Your app will be rendered in a container within a Wix app's dashboard page.
• Menu item: Your app will appear in a Wix app's dashboard menu, linking out to your app.

Wix Bookings example

Render your app in an iFrame widget. E.g., Bookings Business Availability.

1. Set up a dashboard extension

To create an extension:

1. Go to Extensions in the side menu of the Wix Developers Center.
2. Click Create Extension.
3. Find Dashboard Extension.
4. Click Create.
5. Fill in the JSON Editor. Use the Documentation pane on the right to complete the required fields relevant to your use case:

• extends: The slot ID where the extension will be rendered. Use either:
  • Wix Bookings Staff Widget Container ID: 261e84a2-31d0-4258-a035-10544d251108
  • Wix Bookings Calendar 'More Actions' Menu ID: f3ad314d-0704-48e5-86b5-81acaf43e036
• extensionType: Use either:
  • BACK_OFFICE_MENU_ITEM for a context menu extension
  • BACK_OFFICE_EXTENSION_WIDGET for a widget extension
• hostingPlatform: Use BUSINESS_MANAGER

1. Click Save.

2. Design your extension

As this type of extension integrates with a Wix product (e.g. Wix Bookings), you need to follow our design guidelines to make sure your app has the same look and feel as the Wix product it's integrating into.

3. Test your app

Next, you need to test that your app appears where it should in the dashboard page and everything is working correctly.

1. Install Wix Bookings on a free Premium development site or use one you already have.
2. Click Test Your App > Dashboard
3. Select the site you installed your app on in step 1.
4. Make sure the extension appears and is working as it should.