Build a Dashboard Page in Blocks

Dashboard pages are the backoffice of your app, allowing site builders to manage the app's data and settings. You can see examples of Dashboard Pages in the Wix apps.

Read our UX guidelines to build useful and successful Dashboard pages.

Create a Dashboard Page

Add dashboard pages to your Blocks app through the App Dashboard  icon in the left menu.

Your Dashboard page includes:

• A canvas where you can add elements, such as layout tools, buttons, input texts fields and so on. Blocks provides a template for a commonly used Dashboard user-interface (UI). Of course, you can customize this template. Design your Dashboard page just like you design widgets in Blocks.
• A code section to add code to your dashboard. 

Assign a Dashboard Page to an Action Button

One of the most common ways to open a Dashboard page is from the Main Action Button in one of your widget's Action Buttons. To do this: 

1. Go to the Editor Experience Configuration tab.
2. Click on the widget or element that you want to configure. 
3. Click Edit Action Bar. 
4. Hover over the main action button (the left button).
5. Click Action Button Settings.  

6. Select Dashboard. 
7. Select one of your dashboard pages. 

Add code to your Dashboard Page

Use your Dashboard page's code section to add code to your Dashboard page. Your code can include:

• Business logic, similar to your widgets (Learn more about widget code). 
• Working with the data stored in your app's collections (Learn more about collections in Blocks
• Unique actions for Dashboard Pages (Learn more about the wix-dashboard functions).

To add code to your dashboard page, open your dashboard page and go to its code section (if you don't see the code section, click the Maximize icon).

Open a Dashboard Page from a custom panel

To open the Dashboard from a custom panel, follow our code example or use no-code button rules.