Dashboard Plugin Extension Files and Code

CLI Documentation Notice

We've released a new Wix CLI. Continue here if your project uses the Wix CLI for Apps. Determine which CLI your project uses.

In your app project, the source code for your dashboard plugins is found in the src/dashboard/plugins folder.

Each plugin is defined in its own subfolder that contains the following files:

Plugin extension configuration (plugin.json)

The plugin.json file contains the dashboard plugin extension’s configuration details. This file defines which dashboard page hosts your plugin.

Copy
FieldTypeDescription
idStringID of the plugin you created using the CLI. This ID is auto-generated by Wix.
titleStringName of the plugin.
extendsStringSlot ID of the dashboard page hosting the plugin.

Plugin content (plugin.tsx)

The page.tsx file contains the dashboard plugin content.

The content is defined in a React component that renders when the page is active. Below is an example of how your plugin.tsx file will look upon creation:

Copy

In the dashboard plugin component, you can use:

  • React to add code and login to your plugin.
  • The Wix Dashboard SDK to interact with the dashboard page’s data that is passed to the slot.
  • The Wix Design System to work with the same React components Wix uses to build its own dashboard plugins.
Did this help?