Back to Browse

How to create and customize a WordPress User Profile | JetEngine Plugin

94.2K views
Mar 25, 2021
59:32

⚠️ This is an older tutorial — the JetEngine Profile Builder interface has been updated since this recording. The core concepts and workflow remain valid, but some UI elements may look different in the current version. For the latest setup guide, see the Knowledge Base links below. ───────────────────────────────────────── JetEngine Profile Builder lets you create public user profiles, member account dashboards, and editable front-end forms — without code. In this full walkthrough, Kate builds a real estate agent directory from scratch: public agent pages, editable user settings, property listings filtered by rent/sale, and a trusted agents block for the homepage. ✅ What you'll learn: • How to enable Profile Builder and Forms modules in JetEngine • How to add Meta Boxes with custom fields to user profiles • How to create a public Users page and a Single User page • How to design a listing item (loop template) for agent cards • How to query listing grids by Users and Taxonomy • How to use the Tabs widget to separate properties for rent and for sale • How to build a User Edit Form with pre-set field values • How to configure Profile Builder settings across all four stages • How to update user info from the frontend ------------- ► TIMESTAMPS 00:00 Introduction and Project Overview 04:07 Enabling Profile Builder and Forms Modules 05:01 Adding Meta Boxes to Users 11:24 Profile Builder Settings Overview — Part 1 12:46 Creating the Agents Page 13:50 Creating List of Agents Listing Item — Part 1 20:04 Profile Builder Settings Overview — Part 2 21:05 Creating Single Agent Subpage and Template 25:05 Creating Shorter Agent Info Listing Item 30:04 Customizing the Tabs Widget 31:54 Creating For Rent / For Sale Property Templates 36:00 Profile Builder Settings Overview — Part 3 36:34 Creating List of Agents Listing Item — Part 2 37:26 Adding Agents Page to the Menu 38:56 Adding Trusted Agents Listing to the Homepage 41:44 Template Mode Overview 44:06 Profile Builder Settings Overview — Part 4 44:39 Creating the User Settings Subpage 45:11 Creating the Edit User Template 47:43 Creating the Edit User Form 58:26 Updating User Info from the Frontend --------------- ► Get JetEngine: https://crocoblock.com/plugins/jetengine/ ► Choose Crocoblock subscription: https://crocoblock.com/subscription/ 📄 Profile Builder Overview (Knowledge Base): https://crocoblock.com/knowledge-base/features/jetengine-user-profile-builder-overview/ 📄 How to Create a Users Page with Profile Builder: https://crocoblock.com/knowledge-base/jetengine/creating-users-page-with-profile-builder/ 📄 How to Set Up a Public Single User Page: https://crocoblock.com/knowledge-base/jetengine/how-to-set-up-public-single-user-page/ 📄 JetEngine Profile Builder — Full Review: https://crocoblock.com/blog/wordpress-jetengine-profile-builder-overview/ ► JetEngine Profile Builder Playlist: https://www.youtube.com/playlist?list=PL26jaHWVtLFzu76E90rfKXsP-JgtKpY4u ► Full JetEngine Tutorials Playlist: https://www.youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc ------------- #JetEngine #Crocoblock #ProfileBuilder #WordPress #UserProfile Have questions about Profile Builder setup or user templates? Drop them in the comments 👇 If this helped, like the video and subscribe for more WordPress tutorials. Join us here: ► FB Community: https://www.facebook.com/groups/CrocoblockCommunity ► Discord Community: https://discord.gg/6WbBaJQ2G5 ► Facebook: https://www.facebook.com/crocoblock/ ► Twitter: https://twitter.com/mrcrocoblock ► Instagram: https://www.instagram.com/mrcrocoblock/ ► LinkedIn: https://www.linkedin.com/company/crocoblock

Download

1 formats

Video Formats

360pmp484.6 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How to create and customize a WordPress User Profile | JetEngine Plugin | NatokHD