How to Build a Profile Edit Page
Build a page where logged-in users can update their name, email, and password without entering the WordPress admin.
Beaver Builder and Beaver Profile Builder installed and active.
1. Create the page
Create a new page (for example "My Account") and open it in Beaver Builder.
2. Add the Profile Edit Form module
In the content panel, set the Group dropdown to Beaver Profile Builder and drag the Profile Edit Form module into a column.
3. Add the fields
On the General tab, add a field row for each detail users should be able to edit, for example First name, Last name, Email, and Change Password. Drag rows to set the order.
4. Protect changes with the current password
Add the Current password field. With it present, the form only saves when the user confirms their current password. Do this whenever the form can change email or password.
5. Style and save
Use the Style, Inputs, Button, and Typography tabs to match the form to your site, then save the module and publish the page.
6. Restrict the page to logged-in users
The form edits the logged-in user's own profile, so keep the page out of reach of guests. Link to it from a members menu, or restrict it with your membership plugin. How you restrict access is up to your site setup; Beaver Profile Builder does not restrict the page itself.
Result
Logged-in users can open the page, change their details, and save without a page reload. A success message confirms the update; validation errors appear inline.
Add an Avatar Edit module next to the form so users can change their profile picture from the same page. See How to Let Users Change Their Avatar.