WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Create a Client Portal in WordPress

How to Create a Client Portal in WordPress

Last updated on March 22nd, 2021 by Editorial Staff
378 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Create a Client Portal in WordPress

Do you want to create a client portal in WordPress?

A client portal allows you to create a dedicated area for clients where they can login to access documents, files, support, and more.

In this article, we’ll show you how to easily create a client portal in WordPress.

Creating a client portal in WordPress

Why and Who Needs a Client Portal in WordPress?

A client portal allows you to efficiently manage client resources online. This reduces support requests, allows clients to help themselves, and provides them a better user experience.

For instance, if you run a photography website, then your clients can download or upload files via their client dashboard.

Similarly, if you run a graphic design or web design agency, then you can use a customer portal where clients can access all the files and information they need.

Example of a client area created in WordPress

Any business that needs to communicate with clients online can benefit from creating a client portal in WordPress.

How to Create a Client Portal in WordPress

Each business has different requirements for its client portal. This is why you need a solution that is flexible, works with other WordPress plugins, and can be easily extended to match your business.

For this tutorial, we will be using MemberPress. It is the best WordPress membership plugin on the market and allows you to easily create members only content, create an account page, login, and registration forms, and more.

It comes with powerful display rules, full membership management, and the ability to create different levels of membership plans.

First, you need to install and activate the MemberPress plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit MemberPress » Settings page to enter your license key. You can find this information under your account on the MemberPress website.

MemberPress license key

Next, you need to switch to the ‘Payments’ tab and select a payment method to accept payments for membership subscriptions. You can also create free subscription plans if you want or manually add members by yourself.

MemberPress payment

MemberPress supports PayPal and Stripe. You can also use Authorize.net with their Plus and Pro plans.

After selecting your payment method, you’ll be asked to provide your account details. Once finished, click on the ‘Update Options’ button to save your changes.

Next, you are ready to create a membership plan. This is the subscription plan that you’ll add your clients to.

Simply go to the MemberPress » Memberships page and click on the Add New button.

Add a membership plan

On the next screen, you can give your membership plan a name and set a pricing option. Depending on how you manage your client-contracts, you can choose lifetime, expiring, or fixed expiring plans.

Client subscription plan

Next, you need to create access rules. This allows you to control which parts of your website you want to be protected and available to members-only.

Simply, go to the MemberPress » Rules page and click on the Add New button at the top.

Add new rule

On the next screen, first you need to choose which content you want to restrict under ‘Protected Content’.

MemberPress offers a whole range of options. You can select posts that match certain tags, categories, pages that are under the same parent page, single posts, or any URL.

Set up access rules

For instance, if you use a WordPress knowledge base plugin to manage documentation for clients, then you can restrict those articles to the membership plan. Similarly, you can also restrict any post, page, category, or tag to clients only.

Below that, you need to select who will have access to the protected content. We have chosen the membership plan we created earlier for our clients.

After you have added the access rules, click on the Save Rule button to store your settings.

Creating a Client Account Page in MemberPress

MemberPress allows you to easily create and manage an Account page. This is the page your clients will see when they login to their client account.

First, go to MemberPress » Settings page and switch to the ‘Pages’ tab. From here you can select the page you want to use as the account page.

Set up client account page

By default, MemberPress creates and uses the ‘Account’ page. You can use a different page if you want. After that, simply click on the Edit button to open the page and edit it.

You can edit the page just like you would edit any WordPress page. Any content you add here will be visible to everyone and not just your client.

Editing the Account page in MemberPress

However, you can add custom text here and use the ‘[mepr-account-form]’ shortcode to display the login form anywhere you want.

Account page preview

Customizing Client Account Page in MemberPress

One way to customize the account page in MemberPress is by simply editing it. However, any changes you add here will be visible to everyone and not just your clients.

To add content that is only visible to your clients, you can hide it using MemberPress shortcodes.

For instance, if you only want to show some content to the clients under the VIP membership plan, then you will wrap your content like this:

[mepr-active membership='186']

Client only content goes here

[/mepr-active]

Don’t forget to replace 186 with your own membership ID. You can view membership ID for any plans by visiting MemberPress » Memberships page.

Finding a membership plan ID in MemberPress

Save the changes you made to the Account page and visit your website to see it in action. You’ll need to login with an account with access to the membership plan you created earlier.

Account preview with members only content

Adding Tabs to The Accounts Page in MemberPress

By default, MemberPress will show Home, Subscriptions, Payments, and Logout tabs. If you are comfortable with adding custom code, then you can customize this to add more tabs and show more client-focused content there.

Let’s add a tab with a contact form and another one to list documents clients can access from their dashboard.

Simply add the following code to your theme’s functions.php file or a site-specific plugin.

function mepr_add_some_tabs($user) {
  $support_active = (isset($_GET['action']) && $_GET['action'] == 'premium-support')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $support_active; ?>">
      <a href="/test4/account/?action=premium-support">Premium Support</a>
    </span>
  <?php
  $documentation_active = (isset($_GET['action']) && $_GET['action'] == 'documentation')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $documentation_active; ?>">
      <a href="/test4/account/?action=documentation">Documentation</a>
    </span>
  <?php
}
add_action('mepr_account_nav', 'mepr_add_some_tabs');

function mepr_add_tabs_content($action) {
  if($action == 'premium-support'): //Update this 'premium-support' to match what you put above (?action=premium-support)
  ?>
    <div id="custom-support-form">
      // your contact form shortcode here
<?php echo do_shortcode(''); ?> 
    </div>
    
  <?php
  endif;
  if($action == 'documentation'): ?>
  <div id="documentation">
  // shortcode provided by your knowledge base plugin to list articles or manually add content here
<?php echo do_shortcode(' [knowledgebase] '); ?>

  </div>
<?php
 endif; 
}
add_action('mepr_account_nav_content', 'mepr_add_tabs_content');

As you can see we created two tabs, one to display our contact form created with WPForms and the other one to display our knowledge base articles.

We used shortcodes provided by both these plugins inside the code. However, you can also manually add any other content you want here.

Don’t forget to save your changes and preview your account page. This is how it looked on our demo website:

Account page tabs

Adding Custom Content for an Individual Client

MemberPress also allows you to manually modify the Account page for individual members and clients. Simply go to Users » All Users page and click on the ‘Edit’ link below the user you want to change.

Edit user account

Scroll down to the ‘Custom MemberPress Account Message’ and add the content you want to show to that specific client.

Adding content for specific clients

This area works like a regular WYSIWYG editor with formating toolbar at the top. You can also add images, links, shortcodes, galleries, videos, audio, and more.

Don’t forget to click on the ‘Update User’ button to save your changes.

Client specific message on the account page

Adding a Link to Client Area using MemberPress

Now that you’ve created and customized the client area. It is time to make it easily accessible for your clients.

Simply go to the Appearance » Menus page and add the Account page you created earlier to your navigation menu.

Adding the client area link to your navigation menu

You can click on the menu item to change its title. For instance, here we changed it to Client Area.

Don’t forget to click on the Save Menu button to store your settings. You can now visit your website to see your client area in action.

Client area

Clicking on the link will take users to the account page where they can access client shortcuts after log in.

Extending Client Portal with MemberPress

MemberPress is an extremely powerful and highly flexible platform to build your client portal in WordPress.

It allows you to not only easily restrict access to clients only resources. It also helps you easily add any features you want to your client portal.

1. File Downloads

Want to allow your clients to easily download files from your website? MemberPress comes with a File Downloads addon that helps you manage clients only downloads easily.

The download page for the MemberPress file

For step by step details, see our guide on how to manage file downloads in WordPress.

2. Add Learning Courses

MemberPress is also the best WordPress LMS plugin on the market. It allows you to easily create online courses and associate them to your membership plans. This gives your customers easy access to learning resources on your website, while also allowing you to easily manage these resources.

MemberPress Courses Preview

For more details, see our tutorial on how to easily create online courses in WordPress.

3. Add Forms to Clients Area

MemberPress works with WPForms which is the easiest WordPress form builder plugin available.

This allows you to create feedback forms, testimonial forms, run customers surveys, or add support request forms.

Need clients to be able to upload files as well? WPForms allows you easily create file upload forms on your website. You can then embed this form on the account page, or any members-only page on your website.

4. Collect Payments and Upsell Products

As a business owner, you may want to promote other products and services to your existing and past customers.

Using MemberPress as your client portal allows you to integrate with the best email marketing services. This enables you to stay in touch with customers more efficiently and promote other products and services.

MemberPress also works with all popular payment gateways like Stripe and PayPal. This way you can easily collect payments for other services by selling them as a membership plan.

Alternately, you can also add an online store using WooCommerce and sell any products you want on the same website.

We hope this article helped you learn how to create a client portal in WordPress. You may also want to see our comparison of the best business phone services for small business, and best chatbot software to offer better support.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

378 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

2 Comments

Leave a Reply
  1. Sahil Rajput says:
    Mar 27, 2021 at 9:44 pm

    Thank you very much for giving me these full-value blogs link these are so grateful and helpful.

    Reply
    • WPBeginner Support says:
      Mar 29, 2021 at 11:50 am

      Glad you found our guide helpful :)

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
SeedProd Logo
SeedProd
Create beautiful custom landing pages - Drag & drop builder. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
Pixelemu
Pixelemu Coupon
Get 15% OFF on Pixelemu WordPress themes and plugins.
GreenGeeks
GreenGeeks Coupon
Get 70% off GreenGeeks' eco-friendly WordPress Hosting plus a FREE domain.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.