In this lesson, we’ll complete the frontend dashboard for our online stores platform.

We’ll do it by adding the “Log out” and the “View site” buttons.

Also, we’ll add some beautiful icons to our navigation menu items.

Just follow these steps:

1- Add the “Log out” and “View site” buttons to the menu

Let’s first add the View Site button to our dashboard menu:

• Open the frontend dashboard site.
• Go to Appearance > Menus.
• Select the menu you’ll edit. In this case it’s the frontend dashboard’s menu.
• In Add menu items, go to Custom Links.
• Enter the following shortcode in URL:

[wp_frontend_admin_my_site_url]

• Enter View my site as the title for this menu item
• Click Add to menu.

Now let’s add the “Log out” button to the navigation menu:

• In Add menu items, go to Custom Links.
• Enter the following shortcode in URL

[vg_display_logout_url]

• Enter the title Logout for this menu item
• Click Add to menu.

Finally, you need to click Save Menu to apply the changes.

With these simple steps, you will have quickly added the View my site and Logout buttons to the main menu of your front-end dashboard.

Now users will be able to access their personal site on another tab and log out.

2- Add the menu icons to your dashboard menu

To add icons to the menu items:

Once you select the type of icons you want to use, you can proceed to add menus to the menu items.

• Open the menu item you want to edit.
• Click on the “Add icon” button on the menu item you want to edit.

• Select the menu icon you want to add to an item and click Save.

• Repeat this for each menu item.
• When you’re done, click on Save menu to apply the changes.

This is how the menu items will look once the icon has been added to it:

With these steps, we have completed our frontend dashboard, so in the next lesson we’ll start creating some general pages for our online stores platform.