Skip to main content

Profile Edit Form

Profile Edit Form

Renders a form where the currently logged-in user edits their own profile. You choose the fields, their order, and their behaviour; the form saves over AJAX without a page reload.

Profile Edit Form module in Beaver Builder with the settings panel open

Usage

Account details page — The standard use: a members-only page where users maintain name, email, password, and biography. Pair with the Avatar Edit module for a complete account page.

Profile completion for a community or LMS site — Add custom fields pointing at the user meta keys your community, membership, or LMS plugin reads, so users can maintain that data from the front end.

Password-change page — A minimal form with only Current password and Change Password fields; see How to Let Users Change Their Password.

How it works

SituationBehaviour
Standard field saved (name, email, website…)Written to the WordPress user record.
Custom field savedWritten to user meta under the configured meta key.
Current password field presentThe save is rejected unless the entered password matches the user's current password.
Change Password left blankThe password is unchanged; other fields still save.
New password and confirmation differThe save is rejected with an inline error.
A required field is emptyInline validation blocks submission; each field's error message is configurable.

Settings

General

SettingDescription
Field (repeatable)The form's field list. Each entry opens the field management form below. Drag to reorder.
Enable TitleShows a title above the form, with text and heading tag options.

Per-field settings (each field row)

SettingDescription
FieldWhich profile field this row renders. See Built-in Form Fields.
LabelThe label shown on the form.
PlaceholderPlaceholder text inside the input.
Required fieldWhether the field must be filled. Nickname, Email, and Current password are always required.
Error messageThe inline message when validation fails for this field.
Meta KeyCustom field only — the user meta key the value is stored under.
Custom Field TypesCustom field only — the input type. Text by default; more types available via the bpb_custom_field_types filter.
Date/Time Format, Timepicker StepDate picker and time picker types only — display format and time increments.
Options fieldsSelect, radio, and multi-checkbox types only — one option per row as value|||Label.
Multiselect / Show Select AllSelect and multi-checkbox types only — allow multiple selections, or offer a select-all control.
Show strength indicator, Minimum password strength levelChange Password only — enforce a minimum strength using the WordPress meter.
Show confirmation fieldChange Password only — require the new password to be typed twice.
Title, Tag, Wrap in fieldsetTitle field only — heading text, HTML tag, and whether following fields are wrapped in a fieldset until the next title.
Style (per field)Field-level color, border, placeholder, and label overrides on the field's Style tab.

Style

SettingDescription
Form BackgroundBackground color or image, with size and repeat options.
Form BorderBorder style for the form container.
PaddingInner spacing of the form.
TitleMargin around the form title.

Inputs

SettingDescription
ColorsText and background colors for inputs.
BorderInput borders and the focus border color.
Size & AlignmentHeights for inputs, selects, and textareas.
GeneralInput padding and spacing between fields.
PlaceholderShow or hide placeholders and set their color.
LabelShow or hide labels and the required "*" indicator.

Button

SettingDescription
Text / Loading TextThe save button label, with an optional label while saving.
IconsOptional button icon, loading icon, and icon position.
Button ColorsBackground, text, and border colors for normal, hover, and loading states.
Button StructureWidth, alignment, padding, and top margin.
TypographyButton font settings.

Messages

SettingDescription
ErrorsColors for inline error messages and error field borders.
Success MessageThe message shown after a successful save, and its color.

Typography

SettingDescription
Title / Label / Input / Error / Success MessageFont settings and colors for each text element of the form.

Notes

info

The field picker only shows fields when you are logged in while editing, which is always the case inside Beaver Builder.