In this lesson, we’ll see how to add the WordPress Profile page to the frontend dashboard.

These page will allow our users to manage their profile on our online stores platform.

1- Add the WordPress Profile page to the frontend

To add the WordPress user profile to the frontend dashboard, you need to follow these steps:

1. Open the Frontend Dashboard site on your network.
2. Go to Pages > Add New to create a new page.
3. Enter the page title.
4. Select the Elementor Canvas template.
5. Click on Edit with Elementor.
6. Insert the frontend dashboard template into this new page.

Once you have created the page and inserted the frontend dashboard template, you need to use this shortcode to display the WordPress profile on the frontend:

[vg_display_admin_page page_url="profile.php"]

Now click on Preview to display the content of this wp-admin page on the frontend.

2- Set up the WordPress Profile page on the frontend dashboard

Once on the frontend, you need to do this:

• Select the general information of the page: Title, URL slug, template and navigation menu.
• Hide any unnecessary elements from the page. For example, you may want to hide the following elements:
  • Personal options
  • Visual Editor
  • Syntax Highlighting
  • Admin Color Scheme
  • Keyboard Shortcuts
  • Toolbar
  • Customer billing address
  • First name
  • Last name
  • Company
  • Address line 1
  • Address line 2
  • City
  • Postcode / ZIP
  • Country / Region
  • State / County
  • Phone
  • Email address
  • Customer shipping address
  • Copy from billing address
  • First name
  • Last name
  • Company
  • Address line 1
  • Address line 2
  • City
  • Postcode / ZIP
  • Country / Region
  • State / County
• Edit any texts you want on the page.

After that, you can select the following values to finish configuring your front-end user profile page.

• Hide notices added by other plugins and themes: Tick this checkbox.
• This page is available for these WP Ultimo plans: Tick the plans for which the page will be available.
• Click the Save button on the Quick Settings panel to apply the changes and publish the page.

Once the page is published, this is what it will look like on the frontend: