Set Up the Coupons, Orders, and Customers on the Frontend Dashboard

TEXT GUIDE

Let’s see how to set up the coupons, orders, and customer pages and how to integrate them into the front-end dashboard. We’ll do it quickly with the WP Frontend Admin plugin.

Just follow these simple steps:

1- Open the wp-admin panel of the front-end dashboard site

Go to Network Admin > Sites and open the wp-admin panel of the front-end dashboard site.

2- Display the coupons on the frontend

First, go to Pages and click Add New to create a new page.

Now enter the page title and the following shortcode as the page content:

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

This shortcode allows you to display any wp-admin page on the frontend. Just replace “wp-admin URL” with the URL of the WooCommercer coupons page.

1. Open another tab.
2. Go to WooCommerce > Coupons on the dashboard site.
3. Copy the URL into the WP Frontend Admin shortcode instead of wp-admin URL.

After that, click Preview to configure the coupons page on the front-end.

Once you click Preview, you’ll see the Quick Settings panel from WP Frontend Admin to configure your front-end pages. You can start configuring the page by setting 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.

Then you can hide any unnecessary elements to simplify your pages and make them more intuitive.

1. Click Hide element.
2. Click the element you want to hide.
3. Repeat this for every element you want to hide.

You can also change the texts to make them clearer or shorter.

1. Click Edit texts.
2. Edit all the texts you want.
3. Click Stop editing texts.

Now complete the page configuration with the following values:

• Hide notices added by other plugins or themes: Tick this checkbox.
• Disabled columns: Here you’ll see all the columns from the list of coupons. Tick the ones you want to disable.
• This page is available for these WP Ultimo Plans: Tick the plans for which this page is available. Leave them unticked to make them available for all plans.
• Click Save to apply the changes and publish the page.

Edit the create/edit coupon form

Once you’ve saved the changes for the list of coupons, you can edit the edit/create coupon form. Just click Add New Coupon and then start editing the form.

For example, you can hide any unnecessary elements:

1. Click Hide element.
2. Click the element you want to hide.
3. Repeat for each element.

You can also edit the texts:

1. Click Edit texts.
2. Edit all the texts you want.
3. Click Stop editing texts.

Once you’ve configured the create/edit coupon form, click Save to apply the changes.

3- Display the orders on the frontend

To display the orders on the frontend, you need to follow the same process:

1. Create a new page on the dashboard site.
2. Enter the page title.
3. Enter this shortcode: [vg_display_admin_page page_url=”wp-admin URL”]
4. Replace the wp-admin URL part with the WooCommerce Orders URL.
5. Click Preview to view and edit the page on the frontend.

Once you’re on the frontend, configure the orders list with these steps:

1. Select the page title, slug, template, and menu (dashboard menu).
2. Hide any unnecessary elements.
3. Edit any texts to simplify them.
4. Hit Save to publish the page.

Then you can edit the create/edit order form with these steps:

1. Click Add New or open an existing order.
2. Hide any unnecessary elements like dialog boxes created by plugins, themes, etc.
3. Edit the texts to simplify them.
4. Click Save to apply the changes.

4- Display the WooCommerce customers on the frontend

Follow these steps to display the WooCommerce customers on the frontend:

1. Create a new page on the dashboard site.
2. Enter the page title.
3. Enter this shortcode on the page content: [vg_display_admin_page page_url=”wp-admin URL”]
4. Replace the wp-admin URL part with the WooCommerce Customers URL.
5. Click Preview to view and edit the page on the frontend.

Configure the customers list with these steps:

1. Select the page title, slug, template, and menu (dashboard menu).
2. Hide any unnecessary elements.
3. Edit any texts to simplify them.
4. Hit Save to publish the page.

Here you can see how the coupons, orders, and customer pages will look on the frontend