Important: In order to download the frontend dashboard pages, you need to be a WP Frontend Admin user with the Platform plan. This zip file contains 5 pages, as detailed below.

Frontend dashboard pages:

1- QR Code: this page will allow users of your platform to view a QR code that will take users who scan the QR to the restaurant menu (which will be the home page of the restaurant site). We put it as part of the frontend dashboard so that it is always available to the restaurant’s site administrators, and they can scan it, copy it, print it, show it to the restaurant’s customers so they can see the menu and order from their cell phones, etc.

2- Sales: This page contains 4 sections/tabs that allow you to view and manage restaurant orders, view sales reports, discount coupons that you can use as a marketing strategy, and customer information.

3- Meals: This page contains two sections that allow you to view and manage products (dishes, drinks, delicacies, etc.) and product categories.

4- Team: This page allows you to view and manage the users of the site.

5- Settings: This page contains three sections that will allow your users to select general store settings, tax settings, payment gateway settings, and the time at which the order page will be automatically updated, so that your cooks and restaurant staff are always up-to-date with the orders placed. Your users will also be able to select the restaurant’s menu design and the restaurant’s website logo.

IMPORTANT: As you can see, these pages contain different tabs and require you to select colors, fonts, etc. Therefore, we have created the zip file, so that you only need to download the templates for each page and import them into the site.

a) Import the dashboard page templates

To import the page templates, you need to go to Templates > Saved Templates in your wp-admin dashboard.

Once you’re there, click on Import Templates.

Next, click on Choose File, locate the template in your computer, and click on Import Now.

b) Create the pages

After importing the templates, you can start creating the dashboard pages.

Go to Pages > All Pages > Add New Page.

Add the page title and click on Edit with Elementor.

Once you’re in Elementor:

1. Click on the page’s Settings button.
2. Select Page Layout: Elementor Canvas
3. Click on Add template.

In the Library go to My Templates, select the page you will import and click on Insert.

Important: Since the QR Code page already contains the shortcode and doesn’t need any other configuration on the frontend, you can Publish the page.

With the other pages (Sales, Meals, Team and Settings), which contain the WP Frontend Admin shortcode to display admin pages on the frontend, you need to Preview the page to set up the page on the frontend, using the Quick Settings panel.

Select the page details

Once you’re viewing the page on the frontend, you can start setting up the frontend page. For example, you can select the page details:

• Preview site: You can select a specific site to preview. In this example, we’re prewieving the dashboard site, but if we had more sites on our Wildcloud application, we could select another site.
• Page title: Enter the page title here.
• URL slug: Enter the URL slug of the page here.
• Page template: “Elementor Canvas” in this case.
• Add to this menu: If you have previously created a navigation menu, you can select it here. If not, you can manually add the dashboard pages to the navigation menu later.

Hide all the unnecesary elements

If there are any elements you would like to hide from your frontend admin pages, you can use the Hide element button. You just have to click on Hide element and then click on the element you want to hide or remove from this frontend wp-admin page. This is great if you want to simplify the page or remove links or buttons to places that are not within the frontend dashboard site.

Hide admin notices added by other plugins or themes

If you want to prevent your users from viewing admin content like update or upgrade notices, update database notices added by specific plugins, etc., you need to tick the Hide admin notices added by other plugins or themes checkbox.

Rename admin fields, metaboxes, buttons

You can rename admin fields, metaboxes and buttons, as well as edit any other text on your frontend pages.

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

Disable admin columns

If you are editing any page that displays lists of products, orders, etc., you can disable the admin columns that you do not want to be displayed on the page. Just check the checkboxes of the pages you want to hide in the Quick Settings panel.

Select required plugins or themes

WP Frontned Admin allows you to select any plugin or theme required for the page to work in the frontend. You can select the required plugin and/or theme, and in the WP Frontend Admin settings you can choose whether you want to hide a frontend dashboard page in case the plugin or theme is not activated for the site being edited from the frontend dashboard.

Once you’re done editing your frontend admin page, you need to click on Save to apply the changes.

Set up the navigation menu

Once you have created the pages, you can set up the navigation menu.

In case you haven’t added a navigation menu, you need to enter the Menu name and click on Create Menu.

Next, you need to add the dashboard pages to the menu and add menu icons. Click on Add icon on any menu item.

Select the icon and click on Save.

Once you have added the pages and menu icons, you need to click on Save Menu.

After setting up all the pages and the navigation menu, this is what your frontend dashboard should look like: