Set Up the WordPress Profile Page on the Frontend Dashboard

TEXT GUIDE

Let’s see how to display the “My profile” page in the frontend dashboard.

We’ll do it easily with the WP Frontend Admin plugin. Just follow these simple steps:

1- Create a new page on the dashboard site

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

Once you’ve opened the front-end dashboard’s site, go to Pages and click Add New to create a new page.

On this new page, you need to enter the page title and then enter the following shortcode:

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

Just replace wp-admin URL with the URL of the wp-admin page you’ll display on the frontend. In this case, it’s the User Profile page.

Once you set the title and content of the page, click Preview to view and edit the page on the frontend.

2- Edit the page on the front-end

You need to start editing the page 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.

a) Hide any unnecessary elements

Once you select the page title, slug, template, and menu, you can hide any unnecessary elements to simplify the form and make it more intuitive for users.

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

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

Just leave the essential fields.

b) Edit the texts of the page

Once you’ve hidden the unnecessary elements, you can continue by editing the texts to make them clearer if you want.

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

c) Publish the page

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

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

Done

This is how the user account page will look on the frontend when users are managing their stores from the front-end dashboard: