• Log In
  • Welcome
  • Features
  • Pricing
  • Documentation
  • Add Ons
  • Payment Gateways
  • Support
  • Customer Showcase
  • Blog
  • Contact

Log In


Join Now | Lost Password?

Skip to content

Paid Memberships Pro

WordPress Membership Plugin

  • Log In
  • Choose a Plan
  • Features
    • Product Overview
    • Screenshots
    • About Us
  • Pricing
  • Documentation
  • Showcase
  • Add Ons
  • Gateways
  • Support
  • Blog
Home  >  Blog  >  Making a Powerful Member Dashboard for Your Membership Account Page

Making a Powerful Member Dashboard for Your Membership Account Page

Estimated reading time: 5 minutes

TweetFacebookLinkedIn

The Membership Account page is a commonly linked-to landing page for members – both as a redirect from other areas on your membership site or on log in. This page can be enhanced with more than just the default Membership Account shortcode or block to become a true Member Dashboard.

Below are a few Member Dashboard concepts based on the common membership site types we support here at Paid Memberships Pro.

Making a Powerful Member Dashboard

Table of contents

  • Blog, Content Publisher, or Magazine Site Member Dashboard
  • Premium Downloads with Download Monitor Member Dashboard
  • eLearning Member Dashboard
  • bbPress Forums Member Dashboard
  • Now go make a cooler Member Dashboard!

Blog, Content Publisher, or Magazine Site Member Dashboard

Plugins used in the Demo:

  • Paid Memberships Pro
  • Basic User Avatars
  • Memberlite Shortcodes
  • Widgetize Pages Lite

Demo theme:

  • Memberlite
Premium Content Publisher or Magazine Member Dashboard

How to Set Up Your Page

  1. Navigate to Widgetize Pages > Add Sidebar to create a new in-page widget area named “Member Dashboard”. [Widgetize Pages Lite must be installed and activated]
  2. Navigate to Appearance > Widgets.
  3. Add the “Recent Comments” widget to the newly created “Member Dashboard” widget area.
  4. Navigate to Memberships > Page Settings in the WordPress Admin.
  5. Edit your site’s “Membership Account” page.
  6. Set the “Template” to “Fluid Width”.
  7. In the “Memberlite Settings” area, check the boxes to hide breadcrumbs and hide the page title.
  8. Replace the entire page’s content with the code block below.
  9. Add the block of CSS below to a child theme’s stylesheet or a stylesheet for PMPro Customization
  10. Save and Publish the page.

Custom page content for this dashboard layout:

Custom CSS for this dashboard layout:

<style>
#basic-user-avatar-form p {display: inline-block; width: 70%; }
#basic-user-avatar-form .avatar {float: left; }
#basic-user-avatar-form p.description {clear: both; font-size: .8em; font-style: italic; line-height: 1.2em; width: 100%; }
.recent_comments {background: rgba(255,255,255,0.25); border-radius: 10px; padding: 1px 3rem 3rem 3rem; }
.recent_comments ul {margin: 0; }
.recent_comments li {list-style: none; border-top: 1px dotted #FFF; margin: 0; padding: 1rem 0; }
</style>

Premium Downloads with Download Monitor Member Dashboard

Plugins used in the Demo:

  • Paid Memberships Pro
  • Download Monitor
  • Download Monitor Add On for Paid Memberships Pro
  • Memberlite Shortcodes

Demo theme:

  • Memberlite
Premium Downloads Member Dashboard

How to Set Up Your Page

  1. Navigate to Memberships > Page Settings in the WordPress Admin.
  2. Edit your site’s “Membership Account” page.
  3. Set the “Template” to “Fluid Width”.
  4. In the “Memberlite Settings” area, check the boxes to hide breadcrumbs and hide the page title.
  5. Replace the entire page’s content with the code block below.
  6. Add the block of custom CSS below to a child theme’s stylesheet or a stylesheet for PMPro Customizations
  7. Save and Publish the page.

Custom page content for this dashboard layout:

Custom CSS for this dashboard layout:

<style>
.infographics ul li {display: inline-block; list-style: none; width: 45%; }
</style>

eLearning Member Dashboard

Plugins used in the Demo:

  • Paid Memberships Pro
  • Memberlite Shortcodes
  • Paid Memberships Pro Add On for WP Courseware
  • WP Courseware

Demo theme:

  • Memberlite
eLearning with WP Courseware Member Dashboard

How to Set Up Your Page

  1. Navigate to Memberships > Page Settings in the WordPress Admin.
  2. Edit your site’s “Membership Account” page.
  3. Set the “Template” to “Fluid Width”.
  4. In the “Memberlite Settings” area, check the boxes to hide breadcrumbs and hide the page title.
  5. Replace the entire page’s content with the code block below
  6. Add the block of custom CSS below to a child theme’s stylesheet or a stylesheet for PMPro Customizations
  7. Save and Publish the page.

Custom page content for this dashboard layout:

Custom CSS for this dashboard layout:

<style>
#pmpro_account .pmpro_box {border-top: none; }
#pmpro_account-membership div.pmpro_actionlinks {display: none; }
</style>

bbPress Forums Member Dashboard

Plugins used in the Demo:

  • Paid Memberships Pro
  • Basic User Avatars
  • bbPress
  • bbPress Add On for Paid Memberships Pro
  • Memberlite Shortcodes
  • Widgetize Pages Lite

Demo theme:

  • Memberlite
bbPress Forums Member Dashboard

How to Set Up Your Page

  1. Navigate to Widgetize Pages > Add Sidebar to create a new in-page widget area named “Member Dashboard”. [Widgetize Pages Lite must be installed and activated]
  2. Navigate to Appearance > Widgets.
  3. Add the “(bbPress) Statistics” widget to the newly created “Member Dashboard” widget area.
  4. Navigate to Memberships > Page Settings in the WordPress Admin.
  5. Edit your site’s “Membership Account” page.
  6. Set the “Template” to “Fluid Width”.
  7. In the “Memberlite Settings” area, check the boxes to hide breadcrumbs and hide the page title.
  8. Replace the entire page’s content with the code block below
  9. Add the block of custom CSS below to a child theme’s stylesheet or a stylesheet for PMPro Customizations
  10. Save and Publish the page.

Custom page content for this dashboard layout:

Custom CSS for this dashboard layout:

<style>
#basic-user-avatar-form p {display: inline-block; width: 70%; }
#basic-user-avatar-form .avatar {float: left; }
#basic-user-avatar-form p.description {clear: both; font-size: .8em; font-style: italic; line-height: 1.2em; width: 100%; }
#pmpro_account .pmpro_box {border-top: none; }
#pmpro_account-membership div.pmpro_actionlinks {display: none; }
.widget_display_topics li {margin-bottom: .5rem; }
.widget_display_topics div {display: inline-block; }
.widget_display_stats dl {padding-top: 1em; }
.widget_display_stats dt {border: none; clear: left; float: left; font-weight: normal; margin: 0 .5em 1em 0; padding: 0; }
.widget_display_stats dd {margin: 0 1em 1em 0; }
</style>

Now go make a cooler Member Dashboard!

The ideas in this post are a starting point to creating the BEST member dashboard that fits your membership site model. You can pull from all of the concepts or start with your own. If you have components of the dashboard that vary based on the member’s level, use the membership shortcode or block to reveal specific sections to the member. There are many, many possibilities if you spend a bit of time considering the user experience of your membership site.

If you aren’t using the Memberlite theme, you can still make use of the proposed ideas—but you’ll need to work within the confines of your theme’s shortcode and layout options.

Related Reading: How to Customize the Frontend Pages

We have a few articles in our blog on how to adjust the appearance of your frontend membership pages. Check the links below to explore the guides:

  • Making a Powerful Member Dashboard for Your Membership Account Page
  • Create a Dual Login and Benefits of Registration Page
  • Customizing the Paid Memberships Pro Membership Pricing Page
  • How to Use a Page Builder to Create a Custom Membership Level Pricing Page
  • Membership Pricing Pages and Streamlining the Checkout Process
  • Using Page Builders to Enhance Your Site’s Membership Pages
  • Design a Specific Level’s Membership Checkout Page Using CSS
  • Customizing the Member Links list on Membership Account Page
  • Add Links by Membership Level to the Membership Account Page “links” Section
  • Customizing the Member Cancellation Process
  • How to Load a Custom Template for Membership Pages or System-Generated Emails
Kimberly Coleman

Author: Kimberly Coleman

Kim is co-founder of Paid Memberships Pro. She has her hand in all aspects of the development, management, and marketing for the product and the team. She oversees frontend development for the core open source plugin and Add Ons.

Tagged: account, Customize Frontend Pages, design, member dashboard, memberlite. Posted in General. Bookmark the permalink. Last updated: November 7, 2016.

Post navigation

← Methods to Block Users from Logging In, Selecting or Changing Membership
PMPro Update 1.8.12 →

Build a membership site—for free.

The fastest way to charge for access to your WordPress site. Our core plugin is free and includes more than other membership plugins. You deserve more.

Start for Free
Choose a Plan

We’re 100% GPL

Our plugin's code is not obfuscated, runs on as many sites as you want and can be customized to fit your project's needs. We just ask that you follow the GPLv2 guidelines by applying the GPLv2 license to any altered or unaltered version of PMPro that you distribute. License Details »

GPL v2

Recent Articles and Updates

  • Banner Image for Dont apply discount if woo products are on sale
    Don’t Apply Member Discount if Woo Products are on Sale
  • Banner for 10 Marketing Strategies to Boost Membership Business
    10 Marketing Strategies to Boost Your Membership or Subscription Business
  • Banner image for 6 benefits repurposing content
    6 Major Benefits to Repurposing Content for Your Membership Site

Platform

  • Pricing
  • Features
  • Reviews
  • Screenshots
  • Videos
  • Step-by-Step Guides

Use Cases

  • Associations
  • Blog & News
  • Community
  • Courses
  • Directory & Listing
  • Paid Newsletter
  • Podcast
  • Videos

Add Ons

  • Free
  • Standard
  • Plus
  • Admin
  • Integration
  • View All

Get Help

  • Support
  • Download & Install
  • Hosting
  • Developers
  • Blog
  • Contact Us

Company

  • About Us
  • Work With Us
  • Brand Assets
  • Affiliates
  • Privacy Policy
  • Terms of Service
Follow Us On

© 2023 Paid Memberships Pro. All Rights Reserved.