Set up the WooCommerce Products on the Frontend Dashboard

TEXT GUIDE

Let’s see how to display the WooCommerce products list on the frontend to integrate it into the front-end dashboard menu. In addition, we will show you how to simplify the product creation form by removing all unnecessary elements and leave only the elements that are essential to create and manage the products.

For that you need to use the WP Frontend Admin plugin and follow these simple steps:

1- Create a new page on the front-end dashboard site

To create a new page on the front-end dashboard site, so you need to first open the dashboard of that site. Go to Network Admin > Sites and click Dashboard on the front-end dashboard site.

Once you open the dashboard of the front-end dashboard site, go to Pages and click Add New to create a new page.

After that, enter the page title and enter the following shortcode in the page content:

  • [vg_display_admin_page page_url=”wp-admin URL”]

You need to replace the wp-admin URL part of this shortcode with the wp-admin products page URL.

Once you’ve entered the page title and content, click Preview to configure the page on the frontend.

2- Configure the front-end products page

Once you’re viewing the page on the frontend, you need to configure it so that it looks simplified, clean, and intuitive for users.

The Quick Settings panel shows you WP Frontend Admin‘s settings to configure the page. You can start configuring it by selecting the following values:

  • Page Title: Enter the page title in this field.
  • URL Slug: Enter the page slug on this page.
  • Page Template: Default
  • Add page to this menu: Select the main menu.

After selecting the title, slug, template, and menu, you can hide any unnecessary elements. This is really useful to simplify the frontend pages you’re creating and give your users a simplified, intuitive experience.

  • Click Hide element.
  • Click the element you want to hide.
  • Repeat this with each element.

You can also edit the wp-admin admin page texts. This allows you to make texts shorted or clearer.

  • Click Edit texts.
  • Change all the texts you want.
  • Click Stop editing texts.

On the products list, you can disable some columns to simplify the products table.

Just tick the columns you want to hide in Disabled columns.

In The page is available for these WP Ultimo Plans, you’ll see the plans you have created for your platform. You can tick the plans for which the page will be available if you consider it’s necessary to restrict access to this page.

Finally, you can click Save to apply all the changes and publish the page.

3- Configure the create product form

After saving changes to the product list, configure the Add New form.

You can remove all unnecessary elements such as fields created by the theme or other plugins, fields that are non-essential for creating the products. Click Add New.

Once you open the Add New Product form, you can hide any unnecessary elements by clicking Hide Element and clicking the element you want to hide. Here are some elements you may want to hide:

Once you’re done hiding the unnecessary elements and editing the texts of the Add new product form, you can click Save to apply the changes.

Done!

After configuring the products list and the product creation form, the page will be published and added to the front-end dashboard menu.

This is how the Products page will look on the frontend when users access that page from their sites: