We’re building an online stores platform similar to Shopify. In this lesson, we’ll see how to add the WooCommerce Customers and the WordPress users page to the frontend dashboard.

We’ll create two pages. One for customers and one for users.

Follow these steps:

1- Display the WooCommerce customers on the frontend

You need to start by opening the frontend dashboard site:

1. Go to Network Admin > WP Ultimo > Sites
2. Find the frontend dashboard site, and click on Manage
3. Click on Dashboard.

Now you need to add a new page to display the WooCommerce customers on the frontend:

1. Go to Pages > Add New.
2. Enter the page title.
3. Select the Elementor canvas template.
4. Click on Edit with Elementor.

In Elementor, you need to insert the dashboard template into this new page:

• Click on Add template.
• Go to My Templates.
• Find the frontend dashboard template.
• Click on Insert.

Now you need to enter this shortcode to display the WooCommerce customers on the frontend:

[vg_display_admin_page page_url="admin.php?page=wc-admin&path=%2Fcustomers"]

Click on Preview changes.

Now you can use the Quick Settings panel to:

1. Select the page’s basic information.
2. Hide any unnecessary elements from the customers list.
3. Edit any texts to rename buttons, fields and metaboxes.
4. Select which WP Ultimo plan will have access to this page.
5. Save the changes.
6. Publish the page

This is what the frontend WooCommerce customers page will look like once it’s published.

2- Display the WordPress users page on the frontend dashboard

On the WordPress dashboard site, create a new page to display the WordPress users page on the frontend.

You need to follow the same steps, and just change the shortcode.

This is the shortcode you need to use:

[vg_display_admin_page page_url="users.php"]

Click on Preview changes to display the WordPress users on the frontend.

Now you can use the Quick Settings panel to:

1. Select the page’s basic information.
2. Hide any unnecessary elements from the customers list.
3. Edit any texts to rename buttons, fields and metaboxes.
4. Select which WP Ultimo plan will have access to this page.
5. Save the changes.
6. Publish the page

This is what the frontend WordPress users page will look like once it’s published:

In the next lesson, we’ll show you how to add the site settings and the store settings to the frontend dashboard.