Table of Contents
Custom Profile Menus Add-on lets you add custom menu items like Register, Login, Edit Profile forms inside iFrame Popups, Login/Logout or just a Logout button.
You can also hide Menu Items based on User Role or choose to hide them only for Logged in or Logged out users.
Custom Profile Menus is an Advanced add-on, available with a Profile Builder Basic, Pro, or Agency license only.
After purchasing a premium version of Profile Builder, you can check the following guide on how to install Profile Builder.
For the Custom Profile Menus add-on to work as expected, you’ll also need to have the following plugin installed and activated on your site:
With Custom Profile Menus Add-On you can add custom menu items like:
You can also hide Menu Items based on User Role or choose to hide them only for Logged in or Logged out users.
Inside Screen Options you can enable or disable Boxes or Advanced Menu Properties.
If you don’t already have a Menu, to add Custom Profile Menus Items, you will need first to create one. Go to Appearance -> Menus -> Set a Menu Name and click on Create Menu.
After you install and activate the add-on you will be able to add a Custom Profile Menus Item if you go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the desired item -> Click on “Add to Menu” -> Set it up and Save Menu.
To add Profile Builder’s Registration Form inside the iFrame you will need first to use the [[wppb-register]] shortcode inside a page to generate the Registration form.
Then go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the “Register – iFrame” option -> And click on “Add to Menu” -> Set it up and “Save Menu”.
Inside the Register iFrame we can set the:
Front End Logged Out User
The Registration Form is displayed inside the iFrame.
Front End Logged In User
The Logged In Users are notified that they already have an account.
To add Profile Builder’s Login Form inside the iFrame you will need first to use the [wppb-login] shortcode inside a page to generate the Login form.
Then go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the “Login – iFrame” option -> And click on “Add to Menu” -> Set it up and “Save Menu”.
Inside the Login iFrame we can set the:
Front End Logged Out User
Users can login using the Login Form displayed inside the iFrame.
Front End Logged In User
Logged In Users are notified that they are logged in. They can logout by clicking the “Log out” link displayed inside the iFrame.
To add Profile Builder’s Edit Profile Form inside the iFrame you will need first to use the [wppb-edit-profile] shortcode inside a page to generate the Edit Profile form.
Then go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the “Edit Profile – iFrame” option -> And click on “Add to Menu” -> Set it up and “Save Menu”.
Inside the Edit Profile iFrame we can set the:
Front End Logged Out User
Logged Out Users are notified that they need to login in order to edit their profile.
Front End Logged In User
Logged In Users can update their profile using the Edit Profile form displayed inside the iFrame.
The Login / Logout Menu Item will display :
To use the Login / Logout functionality you will need first to add the [wppb-login] shortcode inside a page to generate the Login form.
Then go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the “Login / Logout” option -> And click on “Add to Menu” -> Set it up and “Save Menu”.
Inside the Login/Logout Menu Item we can set the:
Front End Logged Out User
The Login Menu Item is displayed to Logged Out Users. Clicking the Login Menu Item will take the user to the Login form.
Front End Logged In User
The Login Menu Item will change into a Logout Menu Item after login. Clicking the Logout Menu Item will logout the user.
The Logout Menu Item will display, for the Logged In User if set, a “Logout” menu button that will logout the user with just a click.
Go to Appearance -> Menus -> Select from the PB Custom Profile Menus section the “Logout” option -> And click on “Add to Menu” -> Set it up and Select “Logged in Users” inside the Display Mode -> Save Menu.
Inside the Logout Menu Item we can set the:
Front End Logged Out User
We set the Logout Menu Item – Display Mode to Logged In Users so Logged Out Users will not see this Menu Item.
Front End Logged In User
After Login users will see the Logout Menu Item. Clicking the Logout Menu Item will logout the user.
We can display Menu Items and Custom Profile Menus based on user role. Inside the Display Mode we can choose to display the Menu Item for:
Restricting the Menu Item to a minimum role works only if Display Mode is set to Logged In Users.
Lets say we want to Display a Menu Item only to Logged In Users that have the Subscriber role. We will need to select inside the Display Mode option the Logged In Users value and also to check the Subscriber role.
Front End Logged Out User
The Logged Out User doesn’t see the Edit Profile Menu Item.
Front End Logged In User
The Logged In User, that has the Subscriber Role, sees the Edit Profile Menu Item.
Custom Profile Menus is an Advanced add-on, available only with a Profile Builder Basic or Pro license.
Combine the power of Profile Builder with Paid Member Subscriptions to set up user registration, memberships, and recurring revenue.
Get 25% off with the bundle
