User Registration – Frontend Listing

The Frontend user listing add-on of the User Registration allows you to list the details of the registered users into the site in the frontend.

Installation #

  1. First, purchase the User Registration – Frontend add-on.
  2. After the process succeeds, you will get the add-on zip file under your WPEverest account page.
  3. Now, you can download the add-on zip file from there.
  4. After you log into your WordPress Dashboard, go to Plugins > Add New and click the Upload Plugin button available there and choose the file you’ve downloaded and click Install Now button.
  5. This will install the add-on. Now, you’ve to activate the addon from the Install plugin list.
  6. Now you are ready to use this add-on for your site.

How to create a Frontend Listing #

Frontend Listing feature will be used on shortcode basis. To generate the shortcode, Go to User Registration > Frontend listing and click on the “Add New” button at the top. And you will find the setting along with a section to set the title for the frontend listing.

How to display the Frontend listing

After the shortcode is created, You can add the generated shortcode in the pages where you want to display the Frontend listing of the Users.

Settings and configurations of Frontend Listing #

In the Front end listing, there are 3 main settings and they are:

  1. General Settings
  2. Filter Settings
  3. Pagination and Result Settings

General settings #

In the general settings, there are 4 more settings and they are:

  1. Listing Layout: Under the Listing Layout section, you have two options to show the layout of the user’s list on the frontend, that is you can show a list of the users either in the list or in the grid layout.
  2. Allow Access To Guest: This option allows the admin either to give access to view the list of users to the guest users or not. 
  3. Display Profile Picture: This option allows the admin either to display the profile picture of the users or not.
  4. Enable view profile: When this checkbox is enabled, In the backend, you will find the extra section called “Details to display in Profile Card”. Under the “Details to display in Profile Card,” you can select the details that you want to display on the profile card like “User Email”, User Login” etc. 
    Enable View profile is set to show the user’s details on the frontend. After you enable this checkbox a view profile button for each user is shown in the list. And users visiting the site can click on the button and view the profile of a certain user. The details will be shown in a card-like interface. 

Filter Settings #

In the Filter settings, there are 4 more settings and they are:

  1. Display search form: When this checkbox is enabled, you can see the Search form in the User list.
  2. Display Sorter: This option is used to sort the user list on the frontend. After you enable this section an extra section appears and that is “ Default user sorter” where you can sort the users on the basis of Latest Users, first Name, last name, and display name.
  3. Restrict By Role: Using this option you can restrict to view the users by role. For instance, if you don’t want to display the users with the “Administration” role in the frontend then you can set the setting here as per your requirements.
  4. Display only user registered through UR: This setting allows the admin to list only users registered through User Registration Plugin.

Pagination and Result Settings #

In the Pagination and Result Settings, there are 7 more settings and they are:

  1. Display Amount Filter: With this setting, you have an option to display the number of users per page. Like you can set the 10, 20, 50, 100 users per page according to your requirements.
  2. Number of profiles per page: After you enable this checkbox, You can see the message to display the number of users displayed out of the total users
  3. Info Text: This will let the admin enter the text which will be shown when no users are found.
  4. Access denied text: This option is used to show the message to display when a user with no access tries to view this page. You can customize the message as per your requirements.
  5. Search box placeholder text: This option is used to display Placeholder text in the search box. You can customize the message as per your requirements.
  6. Search button text: This option is used to display text in the Search button. You can customize the text as per your requirements.
  7. View profile button text: This option is used to display text in the View Profile button. You can customize the text as per your requirements.

Overall Frontend View of the User listing #

Finally, this is how the frontend listing looks on the Frontend .

  • List view Layout
  • Grid View Layout
  • View Profile Page

Powered by BetterDocs