Uploaded November 2024 | Updated September 2026, 1 day ago
Want to let users edit their profiles on the frontend without touching wp‑admin? In this tutorial, you’ll learn how to build a user profile edit form in WordPress using JetFormBuilder and Bricks so users can update their name, avatar, and contact details on a dedicated profile page. This keeps registration simple while still giving users full control over their data later.
In this video, you’ll learn how to:
• Set up the required plugins and user meta fields for profile data
• Create meta boxes and connect them to user fields (name, avatar, contact details)
• Build a JetFormBuilder profile edit form and map fields to user meta
• Configure preset options so the form is prefilled with current user data
• Use the Action Button and post‑submit actions to save changes safely
• Embed the profile edit form in Bricks and test it on the frontend
___________________
💬 Add private messaging to user profiles
JetMessenger is a WordPress private messaging plugin that adds user-to-user chat, private conversations, and a frontend inbox to your website.
Alongside JetFormBuilder profile edit forms, you can use JetMessenger to let users message each other directly from their account pages — for example, clients contacting service providers, members talking inside a community, or buyers reaching out to sellers.
This way, your user profile page becomes more than just a form: it turns into a lightweight account area with editable profile fields and private messaging, all inside WordPress.
Meet the native WordPress messaging plugin for marketplaces, memberships, and booking platforms:
crocoblock.com/blog/jetmessenger-context-aware-messaging-wordpress-plugin
Get JetMessenger:
out.crocoblock.com/4wN9mD1
___________________
❓ Do I need JetFormBuilder Pro for this workflow?
You’ll need JetFormBuilder plus the relevant actions for updating user data; the form builder itself is free, and Bricks is used as the page builder in this tutorial.
❓ Can I use this profile edit form with other page builders?
Yes, the same JetFormBuilder form can be placed with Elementor or Gutenberg blocks; only the embedding step differs.
❓ How do I prefill the form with the current user’s information?
Use preset options and map fields to the current user context so existing user meta values are loaded into the form on page load.
❓ Is it possible to validate and sanitize profile data?
Yes, you can configure validation rules in JetFormBuilder and use sanitization options for fields like email, phone, and text inputs.
-------------
► TIMESTAMPS
00:00 Introduction
01:42 Required plugins
02:00 User info fields overview
02:55 Creating meta boxes
05:18 Building the profile edit form
16:04 Setting up preset options
22:01 Action button for the form
22:40 Connecting fields to submissions
26:06 Value sanitization explained
29:22 Displaying the form on a page
31:05 Testing the form on the frontend
---------------
► Get JetFormBuilder: out.crocoblock.com/4hBvUz4
► Choose JetFormBuilder subscription: out.crocoblock.com/4enxodq
► Choose Crocoblock subscription: out.crocoblock.com/4fd6wOc
📄 Profile edit form example (ready‑made form):
out.crocoblock.com/4elfxnc
📄 How to change a user role via form:
out.crocoblock.com/3YR5Po8
JetFormBuilder tutorials & updates:
◎ JetFormBuilder | Tutorials playlist
👉 youtube.com/playlist?list=PL26jaHWVtLFwcxXItL9J9qNJ8pWzKUuGg
◎ JetFormBuilder WordPress Plugin Release 3.3.0 Overview
👉 youtu.be/NZe1oNBe5e4
---------------
Follow David Denedo for more helpful content:
► daveden.co.uk
► https://x.com/Daveden2
► @daveden2
#JetFormBuilder #UserProfile #WordPressForms #BricksBuilder #Crocoblock #WordPressMessagingPlugin #UserToUserMessaging
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
Want to let users edit their profiles on the frontend without touching wp‑admin? In this tutorial, you’ll learn how to build a user profile edit form in WordPress using JetFormBuilder and Bricks so users can update their name, avatar, and contact details on a dedicated profile page. This keeps registration simple while still giving users full control over their data later.
In this video, you’ll learn how to:
• Set up the required plugins and user meta fields for profile data
• Create meta boxes and connect them to user fields (name, avatar, contact details)
• Build a JetFormBuilder profile edit form and map fields to user meta
• Configure preset options so the form is prefilled with current user data
• Use the Action Button and post‑submit actions to save changes safely
• Embed the profile edit form in Bricks and test it on the frontend
___________________
💬 Add private messaging to user profiles
JetMessenger is a WordPress private messaging plugin that adds user-to-user chat, private conversations, and a frontend inbox to your website.
Alongside JetFormBuilder profile edit forms, you can use JetMessenger to let users message each other directly from their account pages — for example, clients contacting service providers, members talking inside a community, or buyers reaching out to sellers.
This way, your user profile page becomes more than just a form: it turns into a lightweight account area with editable profile fields and private messaging, all inside WordPress.
Meet the native WordPress messaging plugin for marketplaces, memberships, and booking platforms:
crocoblock.com/blog/jetmessenger-context-aware-messaging-wordpress-plugin
Get JetMessenger:
out.crocoblock.com/4wN9mD1
___________________
❓ Do I need JetFormBuilder Pro for this workflow?
You’ll need JetFormBuilder plus the relevant actions for updating user data; the form builder itself is free, and Bricks is used as the page builder in this tutorial.
❓ Can I use this profile edit form with other page builders?
Yes, the same JetFormBuilder form can be placed with Elementor or Gutenberg blocks; only the embedding step differs.
❓ How do I prefill the form with the current user’s information?
Use preset options and map fields to the current user context so existing user meta values are loaded into the form on page load.
❓ Is it possible to validate and sanitize profile data?
Yes, you can configure validation rules in JetFormBuilder and use sanitization options for fields like email, phone, and text inputs.
-------------
► TIMESTAMPS
00:00 Introduction
01:42 Required plugins
02:00 User info fields overview
02:55 Creating meta boxes
05:18 Building the profile edit form
16:04 Setting up preset options
22:01 Action button for the form
22:40 Connecting fields to submissions
26:06 Value sanitization explained
29:22 Displaying the form on a page
31:05 Testing the form on the frontend
---------------
► Get JetFormBuilder: out.crocoblock.com/4hBvUz4
► Choose JetFormBuilder subscription: out.crocoblock.com/4enxodq
► Choose Crocoblock subscription: out.crocoblock.com/4fd6wOc
📄 Profile edit form example (ready‑made form):
out.crocoblock.com/4elfxnc
📄 How to change a user role via form:
out.crocoblock.com/3YR5Po8
JetFormBuilder tutorials & updates:
◎ JetFormBuilder | Tutorials playlist
👉 youtube.com/playlist?list=PL26jaHWVtLFwcxXItL9J9qNJ8pWzKUuGg
◎ JetFormBuilder WordPress Plugin Release 3.3.0 Overview
👉 youtu.be/NZe1oNBe5e4
---------------
Follow David Denedo for more helpful content:
► daveden.co.uk
► https://x.com/Daveden2
► @daveden2
#JetFormBuilder #UserProfile #WordPressForms #BricksBuilder #Crocoblock #WordPressMessagingPlugin #UserToUserMessaging
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
