A modal is like a pop-up window that appears in the middle of the page.
The dashboard modal extension lets you create a modal that appears in the dashboard. You can manage the modal in your dashboard using the openModal()
and closeModal()
functions from the dashboard SDK.
Note: You can also open your modal from dashboard menu plugin extensions.
For example, in the Wix Blogs app, the following modal appears when adding a writer:
Use this extension when you want to add a modal to your app. Examples of using a dashboard modal in your app include:
You can host a dashboard modal extension in one of the following ways:
Using the Wix CLI.
By self-hosting, meaning you must build and host your dashboard modal externally. Provide the extension with your dashboard modal's host URL and use the dashboard modal's component ID to render it in your app.
Note: For a more streamlined approach to developing your dashboard modal, try out the Wix CLI instead of self-hosting .
When it comes to designing the UI, consider using the Wix Design System. It is a collection of reusable React components that you can use to make your app appear and feel like a native Wix app. Your app must have the look and feel of a Wix app, or it may not be approved for the app market.
There are several advantages to implementing a modal using the dashboard modal extension instead building it directly into your app: