Add a Dashboard Page

Dashboard pages allow you to create a custom back office for you and your collaborators to efficiently manage your business operations and dynamic content. You can add functionality to your dashboard pages using the Dashboard SDK module, allowing your code to interact with the dashboard environment.

Note: In your local IDE, run wix dev to open the editor to add a dashboard page to a site.

Add a dashboard page to a site

Dashboard pages can only be added to your site in the editor and can be viewed in your site's dashboard after publishing your site.

Wix Studio

  1. Click the Pages pages icon icon on the left sidebar.

  2. Click the Add New Page add page icon and then click Add under Dashboard Page. Add Dashboard Page option in Wix Studio

    If the Introducing Dashboard Pages panel appears, click Add Dashboard Page.

  3. Find your new dashboard page in the Dashboard Pages tab.

  4. Click on the More Actions show more icon and then select Rename to give your new page a name. Rename dashboard page in Wix Studio

  5. Use Wix elements, datasets, and code to build your dashboard pages.

  6. Publish your site.

  7. Navigate to the dashboard to see your page.

Wix Editor

  1. Click Add on the left side of the editor.

  2. Click Page and then click the add add page icon next to the Dashboard Page.

    Add Dashboard Page option in Wix Editor

    This action opens the Site Pages and Menu tab. If the Introducing Dashboard Pages panel appears, click Add Dashboard Page.

  3. In the Dashboard Pages panel, give your new page a name. Rename dashboard page in Wix Editor

  4. Use Wix elements, datasets, and code to build your dashboard pages.

  5. Publish your site.

  6. Navigate to the dashboard to see your page.

Add functionality to your dashboard page

Use the Dashboard API to interact with your dashboard pages, such as displaying toast notifications or navigating users to other pages in the dashboard.

To use the Dashboard API, import the relevant methods from @wix/dashboard:

Copy

The code example below displays a toast notification at the top of the dashboard page after a product is updated:

Copy

See also

Did this help?