How to Create and Password Protect Your Online Portfolios

Portfolios showcase your accomplishments, skills, experiences, and attributes by recording the work you’ve completed or awards you’ve received. Your graphic design business is seeking clients? Or you’re just a creative professional looking for employment opportunities? A well-designed online portfolio helps attract clients effectively and make your job search a success.

Some content management systems like Wix or Squarespace allow you to design online portfolios. Most people, meanwhile, choose WordPress due to its popularity and extended functionalities provided by free plugins and themes.

In this post, we will go through steps on how to build and password protect an online portfolio on your WordPress site. Before digging into the details, we should understand the reasons for making online portfolios.

Let’s get started with the basics!

Reasons for Creating Online Portfolios

Having an online portfolio benefits you in many ways. It’s necessary for those working in creative careers to save their sample work and show off with clients or employers. How do they enter into partnership with your company or hire you when they aren’t clear about your ability?

Since your online portfolios are available on the web, you can reach millions of people, including potential customers or even your peers via search results.

What’s more, clients or employers don’t have to download in order to view your online portfolios. There’s no point in worrying about over file sizes for mail attachments as well as large fax.

5 Steps to Create an Online Portfolio on WordPress

#1 Pick a portfolio theme and plugin

Among a lot of portfolio themes and plugins available freely on the WordPress repository, finding out which suits your business or your style is not an easy task. We recommend using Total theme and Portfolio Post Type. Trusted by over 60 thousand site owners, Total helps create and customize your portfolios effortlessly. The theme is fully responsive and SEO friendly as well.

To install the theme, you can:

  1. Go to Themes under Appearance in your admin navigation menu
    ppwp-appearance-themes
  2. Click Add New and type “total” in the Search themes box
    ppwp-add-new-theme
  3. Install and activate the theme

To install Portfolio Post Type plugin, you should:

  1. Head to Add New under Plugins
    ppwp-add-new-plugin
  2. Type “portfolio post type” in the keyword box
  3. Install and activate the plugin
    ppwp-install-portfolio-post-type

A new post type namely Portfolio is added to your WordPress navigation menu now.

#2 Build a project gallery

Project items are the heart of your portfolio. This step should be done first so that you will have some resources to add to the main portfolio page later.

  1. Click Add New under Portfolio
    ppwp-add-new-portfolio
  2. Fill in the project title, tags, categories, and the text content
    ppwp-create-portfolio-item
  3. Add a featured image for the project
  4. Save your post

You can create as many portfolio project pages as you would like to.

#3 Create a portfolio page

After having a list of project pages, it’s time to display them on your main portfolio page. You can create a portfolio page in the same way as you do for a standard webpage.

  1. Head to Pages then click Add New
    PPWP-add-new-page
  2. Enter the page title and hit Save
  3. Click on the blue Add Element button in your Visual Composer screen
    ppwp-add-new-visual-composer-page
  4. Choose Portfolio Grid or Portfolio Carousel
    ppwp-portfolio-grid
  5. Fill in the setting options: image sizes, borders, title, categories, order, columns, and grid styles, etc.
    ppwp-edit-main-portfolio-page
  6.  Save your portfolio

#5 Insert your portfolio to the menu

You should add your portfolio to the main menu on your website homepage so that visitors can find and access it easily. To do so, you need to:

  1. Go to Appearance and click on Menu
  2. Choose your Portfolio page
  3. Click Add to Menu button
    ppwp-add-portfolio-page-to-menu

In case you want to set the main Portfolio page as your homepage, follow these simple steps:

  1. Head to Settings then Reading
  2. Tick on the A static page option in Your homepage displays section
    ppwp-set-portfolio-homepage
  3. Select Portfolio in the Homepage dropdown list

Password protect your portfolios

Since online portfolios are primarily used to show your ability, you’re properly wondering why you have to protect them.

Reasons for password protecting portfolios

There are a few credential projects that involve you signing non-disclosure agreements (NDAs) with a time set. In addition, some companies prefer unique designs that shouldn’t be published or seen elsewhere. Making your portfolios private comes in handy in the cases.

When your portfolios are protected, people will see a message telling them to enter a password in order to view the content. As a result, unauthorized users couldn’t stalk your work and steal your ideas.

WordPress offers a default feature to secure your portfolios with passwords. You can password protect your portfolios in the exact same way as you do for single pages and posts.

However, this feature has various limitations. You can assign a password to only one portfolio at a time. It’s impossible to cover up a specific section of a portfolio. That’s why you should turn out to a third-party password protection plugin.

How to password protect online portfolios using Password Protect WordPress (PPWP) Pro

Password Protect WordPress (PPWP) Pro helps restrict access to your private portfolios with passwords. This helps save you a lot of time compared to individual portfolio password protection. Your secure portfolios won’t be indexed by search engines and displayed on any search results pages by default.

You can shield your portfolios with passwords in 2 ways: in the portfolio edit screen and via a password popup. Firstly, take these 7 steps to use PPWP Pro and protect portfolios in edit screens.

  1. Download and install PPWP Pro plugin
  2. Go to PluginsAdd New and click Upload Plugin to upload the plugin zip file to your WordPress site
    ppwp-upload-plugin
  3. Open the plugin Settings page and choose “Portfolios” in the Post Type Protection option
    ppwp-password-protect-portfolios-settings
  4. Go to your desire portfolio page and find the Password Protect WordPress section
    ppwp-password-protect-portfolio-edit-screen
  5. Switch the Password protected toggle
  6. Add a new password
  7. Choose a password type. Global passwords let all users unlock the restricted portfolios. If you apply roles for passwords, they must log in before entering passwords.

The guide below shows you how to shield portfolios via password protection popups:

  1. Head to the Portfolios section in your WordPress admin dashboard
  2. Click on the Password protect link then Password protect this page button
    ppwp-password-portfolio
    ppwp-password-portfolio-button
  3. Move to the New Password tab and type your new passwords.
    ppwp-password-popup
    You can generate as many passwords as you would love to. Each password should be on a separate line.
  4. Decide the password type
  5. Enter the usage limit and the expiration time for these passwords (optional)

You can send each client a password to unlock your protected portfolios. Once setting the usage limits and password expiry, your passwords become invalid after a number of usages or a period of time. This helps prevent viewers from sharing your password widely.

Password protect multiple portfolios at the same time

As mentioned, PPWP Pro enables you to protect unlimited portfolios simultaneously.

  1. Visit the Password Protect WordPress settings page in your admin dashboard
  2. Toggle the Password Protect Private Pages option
    ppwp-protect-multiple-portfolios
  3. Choose the portfolios you want to assign passwords in the dropdown list
  4. Switch on the Set a new password option
  5. Enter your passwords
  6. Save your changes

Wish users to unlock all protected portfolios at the same time? Integrate PPWP Pro with our Group Password Protection extension. The extension helps organize several portfolios together and secure them with one or numerous passwords. When users open a private portfolio page, other portfolios in this group will become accessible automatically.

  1. Go to Group under Password Protect WordPress icon
  2. Click Add New to create a new group of portfolios
    ppwp-group-portfolios
  3. Select Portfolio in the Content dropdown and search for the names the portfolios in the next box
    ppwp-group-portfolio-content-type
  4. Fill in the group name and description
  5. Head to the Add New Password tab and create your new passwords
  6. Choose the password type, enter the usage limit and expiration time. This step is optional.
    ppwp-add-new-password

Once protected, your portfolios become private to the public. Users just need to enter the password one time, and other portfolios of the group will be visible to them.

Protect sections of the portfolio

If your portfolio contains a few credential projects and long with many other work samples and you don’t want to hide the entire page, you should protect it partially.

PPWP Pro’s shortcode takes the hassle out of partial portfolio protection. You can permit users to see public parts while requiring them to enter passwords in order to read the private sections.

To wrap the private parts of your portfolio with PPWP Pro shortcode,

  1. Open the portfolio page in your admin dashboard
  2. Enter this shortcode to the parts you intend to restrict access to
    [ppwp id="" class="" passwords="password1 password2" whitelisted_roles="administrator, editor"] Your protected content [/ppwp]
  3. Replace “password 1”, “password 2” with your own passwords

“Whitelisted roles” in the shortcode refer to users who can access the protected sections without entering passwords. Admins and editors are granted direct access to your secure content by default. You can also remove these roles or add other roles.

Create and Password Protect Your Portfolios Today!

Portfolios play a key role in creative professionals’ success. You can use them to show your experience, attract clients, and connect with other minded people. Follow the first 5 steps above to create and customize your own portfolios.

In case you want to protect your portfolios, install Password Protect WordPress (PPWP) Pro. The plugin enables you to secure a portfolio with multiple passwords. It’s possible for you to protect a portfolio partially too.

Still have questions about how to create online portfolios on WordPress and how to password protect them? Let us know in the comment section below!