Back to contents

JetEngine: User Profile Builder Overview

 

This tutorial reveals the User Profile Builder functionality. Following the recommendations provided below, you’ll know how to use it on your sites.

Tutorial requirements:

  • JetEngine plugin installed and activated;
  • Elementor editor free version;
  • if you fail to edit the Account Page, check this troubleshoot.

The JetEngine plugin allows implementing a User Account functionality and submitting data from the front end. It became possible with the User Profile Builder feature.

User Profile Builder is a tool that permits creating personal accounts for users and gives them the possibility to submit any information to the website from the front end.

Activation and Presets Import Option

1 Step — Activating User Profile Builder

To start working with User Profile Builder, you need to enter the WordPress Dashboard, navigate to the JetEngine icon, and click the JetEngine menu item as shown below:

JetEngine WordPress tab

In the opened JetEngine dashboard window, you will see the Modules available for activation. Turn on the Profile Builder toggle and click the “Save” button.

JetEngine dashboard

2 Step — Exploring Presets Import Option

After the Profile Builder module is activated, you are free to operate with it and set it up according to your needs. However, there’s a way to import the pre-made configurations and modify them.

So, go to the Skins Manager tab within the JetEngine dashboard, and find the Presets.

JetEngine skins manager

Click on it, and you’ll see two options available for importing:

presets
  • User profile with editable content – this option stands for the Profile itself. It will import all the configuration files and will provide the opportunity for registered users to publish and edit posts.
  • Editable user settings page for user profile – with this option, you’ll get User settings subpages imported.

3 Step — Permalinks Re-save

After you hit the Import button (for each option), you’ll see the following popup window appears:

Preset notification

It informs what has been imported and what needs to be done to continue working with the Profile Builder. This way, you should re-save the permalinks structure. Move to Settings > Permalinks and click the “Save Changes” button at the end of the page.

re-saving permalinks
NOTE!
It’s obligatory to re-save permalinks to User Profile Builder works as intended.

After everything is done, it’s high time to overview the Profile Builder.

User Profile Builder Full Overview

OK, now we’re on the stage of managing the User Profile Builder itself. Navigate to JetEngine > Profile Builder as shown below.

profile builder wordpress tab

The dashboard can contain four tabs according to the settings: Pages, Account Page, Advanced, and User Page.

Pages Tab Overview

Here you can set up the pages that your Account will contain. Let’s see what settings we’ve got.

user profile builder dashboard
  • Account Page – here, you can select the page from the dropdown list which will be your Account one. If you imported the preset, this page would automatically be added to your dashboard;
  • Users page – this option allows you to assign a page as a public one to view the list of all users;
  • Single User page – also, you can add a public page for the single user. When you toggle this option, you will see the User Page Rewrite, where you decide on how to build the permalinks of the user’s public pages:
    • Username (basic-url / username);
    • User nicename (basic-url / user nicename); picked from the database;
    • User id (basic-url / user id).
profile builder template mode
  • Template Mode – here you can choose the way templates of Account’s subpages will be processed: either via templates or using page content:
    • the Rewrite option stands for displaying Account and public User pages based on the templates assigned to them;
    • the Content option means that you’ll need to use the Profile Content widget on your Account or User page to display the content.
NOTE!
Be aware if you select the Rewrite option, you cannot edit the Account Page since the content is displayed with the templates.
  • Hide admin bar – here, you decide whether you’d like to hide the admin bar for non-admin users or not;
  • Restrict admin area access – if you enable this toggle, you will be able to set the user roles that will be allowed to access the admin dashboard in the Select Role bar. Leaving the Select Role bar empty makes it impossible to enter the admin area for all users but administrators.

Once you set those pages up, don’t forget to click the “Save” button.

Account Page Tab Overview

This tab aims to build a structure for your future Account page and adjust the settings for it. Let’s examine it closer.

account page tab

First of all, we’ve got the opportunity to select what needs to be done when non-authorized users try to access the account page. You have three options:

  • Redirect to default WordPress login page;
  • Redirect to page (and set up the Redirect URL);
  • Show template (and select Elementor/Listing Item template to show as page content).

Also, you can select what happens with users with restricted access:

  • Redirect to page (and set up the Redirect URL);
  • Show template (and select Elementor/Listing Item template to show as page content).

Let’s proceed with other options. There are four main subpages below: Main, Add New Post, Edit Post, and User Settings. They have been automatically imported within the preset and are fully editable (title, slug, page template selection).

imported templates for account page

Those pages are basic ones, and you can add as many new subpages as you want to have in the menu on the Account Page. For that, click the “Add New Subpage” button

Let’s open the subpage to see what’s inside:

main page template for account page

As you can see from the screenshot above, you can set the Title, Slug, select a Template created with the help of Elementor Theme Builder or Listing item, and choose whether to hide it from the menu or not.

You can also define the categories of users that will be able to see the page and have access to it. All the variants are listed in the drop-down, so you just have to choose the ones you need. You can select several categories if required.

NOTE!
Template or Listing Item should be prepared beforehand so that they can be selected for the current page.

Advanced Tab Overview

In this tab, you can set the number of posts users can publish. It can be different for every role. Click the “New Rule” button and take a closer look at the features.

posts restriction rules for the account
  • Role. You can choose the role from the drop-down menu. All the roles you have created will be automatically added to the list;
  • Post Types. If you choose some Post Type here, the number you set in the Limit field will define the number of posts of that Post Type the user can create;
  • Limit. Type the maximum number of posts allowed for the chosen user’s role in this bar. If you want to set an “unlimited” amount of posts – type “0”;
  • Error message. When the user tries to publish more posts than the defined maximum, he will receive a notification. Type the text of that notification into this text area.
post publishing restriction settings

After you finish setting the restriction rule – click the “Save” button.

User Page Tab Overview

To see the User Page tab, you need to return to the Pages tab. If you enable the Single user page option, the User Page tab will appear.

The settings on this page are pretty much similar to the Account Page. Add the subpages you need and customize them:

user page settings

The settings are basic and understandable indeed. So, play around with the Profile Builder pages to establish the structure you need on the back-end, and you’ll create an astonishing user profile.