Help Center

Creating User Account Page With Different Dashboard Structures

Creating User Account Page With Different Dashboard Structures

This tutorial will describe how to create the WordPress Account page with the Content or Rewrite mode of the JetEngine Profile Builder feature.

Before you start check tutorial requirements:

  • Elementor (Free version)

  • JetEngine plugin installed and activated

The Account page is the central user dashboard where users can add and edit information, publish and edit posts, and save favorite items. This tutorial reveals how to set the Account page with the “Content” and “Rewrite” Template Modes, create subpages for the Account page, and set the Profile Menu.

What’s the Difference Between Content and Rewrite Template Modes?

With the “Content” Template Mode, you need to set the Profile Menu widget once on the Account page. The Profile Menu displays the titles of the subpage templates set for the Account page with the Profile Builder. Content will be displayed dynamically with the Profile Subpage Content widget when users click the corresponding menu items.

With the “Rewrite” Template Mode, the page is rewritten with the content from templates. If you want to add a menu, you need to place the Profile Menu widget in the templates. You can customize templates differently: you can place the Profile Menu in different places on different templates, and you can decide not to add the Profile Menu to some templates.

Activate the Profile Builder

Before you start, proceed to the WordPress Dashboard > JetEngine > JetEngine tab, enable the Profile Builder toggle in the Default Modules section, and hit the “Save” button. Wait until the page reloads.

profile builder default module activated

Content Template Mode

Create the Account page

Follow the WordPress Dashboard > Pages > Add New pathway. Name the page and hit the “Publish” button. For now, leave the page empty.

create the account page

Create the Account subpages

The Account page will contain a menu. By clicking the menu items, users can open different subpages.

You can create subpage templates with Elementor or JetEngine listing items.

Create a template with Elementor

If you decide to create templates with Elementor, move to the Templates tab under the Elementor tab on the WordPress Dashboard.

elementor saved templates

Push the “Add New” button. Choose the “Page” Template Type and enter the Name. Then, hit the “Create Template” button.

create a new template

In the Elementor editor, fill the template with the needed content. For example, I placed the JetFormBuilder form using the JetForm widget.

When you finish customizing the template, hit the “Update” button.

Create as many templates as you need.

elementor page template with content

Create a JetEngine listing item

If you decide to create a JetEngine listing item, go to the JetEngine > Listings tab and push the “Add New” button.

In the Setup Listing Item pop-up, select the “Users” Listing Source, enter the Listing Item name, pick the “Elementor” Listing view, and click the “Create Listing Item” button.

setup listing item

Fill the template with the content and click the “Update” button.

Create as many items as you need.

listing item as a profile subpage

Profile Builder dashboard

Proceed to the JetEngine > Profile Builder tab.

Set the newly created page as the Account Page and select the “Content” Template mode.

Then, click the “Save” button.

user profile builder dashboard

To create subpages for the Account page, open the Account Page tab and hit the “+Add New Subpage” button.

In the new repeater item, add the Title, Slug, and set the Elementor template or JetEngine listing item as the Template

You can also hide the subpage from the menu on the Account page and select user roles allowed to access this page.

profile builder subpage creation

Add as many subpages as you need. When you finish, hit the “Save” button.

profile builder subpages

Customize the Account page

Open the Pages tab and click to edit the Account page in the Elementor editor.

Drag and drop the Profile Menu widget.

profile menu widget

As you can see, the widget shows the subpages’ titles.

Ensure to pick the “Account” Content and then customize other widget settings.

For more information about the Profile Menu settings, check the Profile Menu Widget Overview for Elementor.

profile menu widget settings

After customizing the Profile Menu settings, place the Profile Subpage Content widget.

This widget will show the content of every subpage when users will click on the corresponding Profile Menu item.

profile subpage content widget settings

Hit the “Update” button.

Check the Results

Open the Account page on the front end.

account page on the front end

Now, users can click on the menu items in the Profile Menu, and the Profile Subpage Content shows the corresponding subpage content.

account subpages

Rewrite Template Mode

Account page creation

Follow the WordPress Dashboard > Pages > Add New pathway. Name the page and hit the “Publish” button. You can leave the page empty since the content will be displayed from the templates.

Warning

If you want to add some content to the page, do it before you set the page as the Account Page in the Profile Builder dashboard because you cannot edit it.

create the account page

Account subpages creation

The Account page will contain a menu. By clicking the menu items, users can open different subpages.

You can create subpages templates with Elementor or JetEngine listing items.

Elementor template creation

If you decide to create templates with Elementor, move to the Templates tab under the Elementor tab on the WordPress Dashboard.

elementor saved templates

Push the “Add New” button. Choose the “Page” Template Type and enter the Name. Then, hit the “Create Template” button.

create a new template

In the Elementor editor, fill the template with the needed content. For example, I placed the JetFormBuilder form using the JetForm widget.

elementor page template with content

Then, drag-n-drop the Profile Menu widget to the editing page.

Ensure to pick the “Account” Content and then customize other widget settings.

For more information about the Profile Menu settings, check the Profile Menu Widget Overview for Elementor.

When you finish, hit the “Update” button.

profile menu in the elementor template

Create as many templates for the Account page as you need, and ensure to add and customize the Profile Menu widget to these templates where you need it.

JetEngine listing item creation

If you decide to create a JetEngine listing item, go to the JetEngine > Listings tab and push the “Add New” button.

In the Setup Listing Item pop-up, select the “Users” Listing Source, enter the Listing Item name, pick the “Elementor” Listing view, and click the “Create Listing Item” button.

setup listing item

Fill the template with the content and add the Profile Menu widget.

Ensure to pick the “Account” Content and then customize other widget settings.

For more information about the Profile Menu settings, check the Profile Menu Widget Overview for Elementor.

When you finish, hit the “Publish/Update” button.

profile menu in the listing template

Create as many listing templates for the Account page as you need, and ensure to add and customize the Profile Menu widget to these templates where you need it.

User Profile Builder dashboard

Proceed to the JetEngine > Profile Builder tab.

Set the newly created page as the Account Page and select the “Rewrite” Template mode.

The Use page content option is available with the “Rewrite” Template Mode. Enable it to show the Account page content if subpage templates are not set.

Then, click the “Save” button.

rewrite template mode

Open the Account Page tab to create subpages for the Account page,  and hit the “+Add New Subpage” button.

In the new repeater item, add the Title, Slug, and set the Elementor template or JetEngine listing item as the Template

You can also hide the subpage from the menu on the Account page and select user roles allowed to access this page.

profile builder subpage creation

Add as many subpages as you need. When you finish, hit the “Save” button.

profile builder subpages

Results Checking

Open the Account page on the front end.

account page on the front end

Now, users can click on the menu items in the Profile Menu, and the Profile Subpage Content shows the corresponding subpage content.

account subpages

That’s all. Now you know how to create the WordPress Account page with the Content or Rewrite mode of the JetEngine Profile Builder feature.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.