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.
- Open another tab.
- Go to WooCommerce > Coupons on the dashboard site.
- 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.
- Click Hide element.
- Click the element you want to hide.
- Repeat this for every element you want to hide.
You can also change the texts to make them clearer or shorter.
- Click Edit texts.
- Edit all the texts you want.
- 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:
- Click Hide element.
- Click the element you want to hide.
- Repeat for each element.
You can also edit the texts:
- Click Edit texts.
- Edit all the texts you want.
- 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:
- Create a new page on the dashboard site.
- Enter the page title.
- Enter this shortcode: [vg_display_admin_page page_url=”wp-admin URL”]
- Replace the wp-admin URL part with the WooCommerce Orders URL.
- Click Preview to view and edit the page on the frontend.
Once you’re on the frontend, configure the orders list with these steps:
- Select the page title, slug, template, and menu (dashboard menu).
- Hide any unnecessary elements.
- Edit any texts to simplify them.
- Hit Save to publish the page.
Then you can edit the create/edit order form with these steps:
- Click Add New or open an existing order.
- Hide any unnecessary elements like dialog boxes created by plugins, themes, etc.
- Edit the texts to simplify them.
- 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:
- Create a new page on the dashboard site.
- Enter the page title.
- Enter this shortcode on the page content: [vg_display_admin_page page_url=”wp-admin URL”]
- Replace the wp-admin URL part with the WooCommerce Customers URL.
- Click Preview to view and edit the page on the frontend.
Configure the customers list with these steps:
- Select the page title, slug, template, and menu (dashboard menu).
- Hide any unnecessary elements.
- Edit any texts to simplify them.
- Hit Save to publish the page.
Here you can see how the coupons, orders, and customer pages will look on the frontend