{"id":18041,"date":"2020-01-20T13:47:12","date_gmt":"2020-01-20T13:47:12","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=18041"},"modified":"2024-02-02T10:35:48","modified_gmt":"2024-02-02T10:35:48","slug":"jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/","title":{"rendered":"How to Update Users\u2019 Accounts via Front End Form"},"content":{"rendered":"\n<p>Before we overview this option, it should be noted that it was developed for use in combination with <strong>User Profile Builder<\/strong>. To learn more about how the Profile Builder works, check <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-user-profile-builder-overview\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>this tutorial<\/strong><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-an-additional-meta-box\">Create an Additional Meta Box<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>With the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-apply-meta-boxes-to-users\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Meta Box<\/strong><\/a> feature, you can add extra meta fields to the user profile.<\/p>\n\n\n\n<p>You can skip this step if you have already created a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-apply-meta-boxes-to-users\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>user meta box<\/strong><\/a> with the needed meta fields.<\/p>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt;<\/em><\/strong> <strong><em>JetEngine &gt; Meta Boxes<\/em><\/strong><em> <\/em>tab and hit the \u201c<strong>Add New<\/strong>\u201d button. Enter the <strong>Meta Box Title <\/strong>and select the \u201cUser\u201d option from the <strong>Meta Box for <\/strong>drop-down menu.<\/p>\n\n\n\n<p>In the <strong>Visibility Conditions <\/strong>setting tab, select the needed option from the <strong>Visible at <\/strong>drop-down list:<\/p>\n\n\n\n<ul>\n<li><strong>Edit User. <\/strong>It adds meta fields to the <strong>Edit User <\/strong>page. Since only administrators can edit users, such fields became visible only to people with such a role;<\/li>\n\n\n\n<li><strong>Edit User &amp; Profile. <\/strong>This option adds meta fields to the <strong>Profile Page<\/strong> and <strong>Edit User <\/strong>page, which users can edit.<\/li>\n<\/ul>\n\n\n\n<p>You can also hit the \u201c<strong>+ New Condition<\/strong>\u201d button and include or exclude user roles for whom meta fields will be visible on the user Profile page.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users.webp\" alt=\"creating a meta box for users\" class=\"wp-image-43346\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>New Meta Field<\/strong>\u201d button to add a new meta field.<\/p>\n\n\n\n<p>We added the following meta fields to users who want to find a new job: Text (e.g., user nickname, first and last name, email, etc.), Media (user avatar), Date (birthday), WYSIWYG (description), Repeater (skills and education), Number (desired salary), and Checkbox (languages) fields.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users.webp\" alt=\"adding meta fields to users\" class=\"wp-image-43344\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-meta-fields-to-users-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>When you are done crafting the meta box, push the \u201c<strong>Add\/Update Meta Box<\/strong>\u201d button.<\/p>\n\n\n\n<p>Move to the <strong><em>Users &gt; All Users <\/em><\/strong>tab, click to edit any user whose role suits the meta box conditions if you set such, and scroll down. Here, you\u2019ll see the created meta box with the meta fields that can be filled in.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page.webp\" alt=\"user meta box on the edit user page\" class=\"wp-image-43357\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-box-on-the-edit-user-page-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-form\">Create a Form<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"jetformbuilder-form\">JetFormBuilder form<\/h3>\n\n\n\n<p>First, ensure to install and activate the <a href=\"https:\/\/jetformbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetFormBuilder<\/em><\/a> plugin.&nbsp;<\/p>\n\n\n\n<p>Then, follow the <strong><em>JetFormBuilder &gt; Add New<\/em><\/strong> pathway to get to the form-creation page with three blocks: the <a href=\"https:\/\/jetformbuilder.com\/features\/hidden-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Hidden Field<\/strong><\/a>, <a href=\"https:\/\/jetformbuilder.com\/features\/text-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Text Field<\/strong><\/a>, and <a href=\"https:\/\/jetformbuilder.com\/features\/action-button-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Action Button<\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form.webp\" alt=\"creating the jetformbuilder form\" class=\"wp-image-43359\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-the-jetformbuilder-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"adding-the-form-fields\">Adding the form fields<\/h4>\n\n\n\n<p>Enter the form title and click the <strong>Hidden Field<\/strong> block. Set the \u201cCurrent User ID\u201d <strong>FIELD VALUE <\/strong>option and change the <strong>FORM FIELD NAME <\/strong>value (e.g., \u201cuser_id\u201d) in the <strong>Block <\/strong>settings.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The <strong>FORM FIELD NAME<\/strong> should contain only Latin letters, numbers, and `-` or `_` chars.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID.webp\" alt=\"hidden field block with the current user ID\" class=\"wp-image-43360\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-field-block-with-the-current-user-ID-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Text Field <\/strong>block can be deleted or changed. The <strong>Action Button <\/strong>can also be edited according to your preferences, but we kept it as it is.<\/p>\n\n\n\n<p>Now, you can add as many form field blocks as you need by clicking the \u201c<strong>+<\/strong>\u201d icon.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks.webp\" alt=\"adding new form field blocks\" class=\"wp-image-43358\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-form-field-blocks-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For this tutorial, we\u2019ve set a few essential fields to show the mechanism of the front-end submission.<\/p>\n\n\n\n<p>Firstly, we added several <strong>Text Field<\/strong> blocks for the user&#8217;s nickname, first and last name.<\/p>\n\n\n\n<p>We set the <strong>FIELD LABEL<\/strong> and <strong>FORM FIELD NAME <\/strong>values and picked the \u201cText\u201d <strong>FIELD TYPE<\/strong> option for these blocks.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname.webp\" alt=\"text field block for the user nickname\" class=\"wp-image-43366\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-nickname-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The settings are identical for the \u201cEmail\u201d <strong>Text Field <\/strong>block, but the <strong>FIELD TYPE <\/strong>should be set to \u201cEmail.\u201d If you create a field for the user&#8217;s phone number, this option should be \u201cTel.\u201d<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email.webp\" alt=\"text field block for the user email\" class=\"wp-image-43365\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-field-block-for-the-user-email-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For the user avatar, we placed the <a href=\"https:\/\/jetformbuilder.com\/features\/media-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Media Field<\/strong><\/a> block. In its settings, we set the <strong>FIELD LABEL<\/strong> and <strong>FORM FIELD NAME<\/strong> fields.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar.webp\" alt=\"media field block for the user avatar\" class=\"wp-image-43361\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-field-block-for-the-user-avatar-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Also, we enabled the <strong>Insert attachment<\/strong> toggle and set the <strong>FIELD VALUE<\/strong> according to the Media meta field settings in the Meta Box. For example, we selected the &#8220;Media ID&#8221; <strong>Value format<\/strong> option for the meta field, so we set the &#8220;Attachment ID&#8221; <strong>FIELD VALUE<\/strong> for the <strong>Media Field<\/strong> block. Without these settings, users cannot add files via the form.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp\" alt=\"user avatar meta field in the meta box\" class=\"wp-image-43356\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>When you finish setting the form field blocks, ensure that the <strong>Action Button <\/strong>is the last one.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"preset-settings\">Preset Settings<\/h4>\n\n\n\n<p>Head to the <strong><em>JetForm <\/em><\/strong>setting tab and unfold the <strong>Preset Settings <\/strong>tab. <strong>Enable<\/strong> the<strong> <\/strong>toggle, pick the \u201cUser\u201d <strong>SOURCE<\/strong>, and choose the \u201cCurrent User\u201d option from the <strong>GET USER ID FROM <\/strong>drop-down menu.<\/p>\n\n\n\n<p>Select the \u201cUser ID\u201d option for the <strong>Hidden Field<\/strong> with the \u201cCurrent User ID\u201d option. For other fields, select the \u201cUser Meta\u201d option responsible for pulling the data from the custom meta field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings.webp\" alt=\"preset form settings\" class=\"wp-image-43363\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/preset-form-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the appeared fields, enter the <strong>Names\/IDs <\/strong>of the meta fields from the Meta Box that correspond to the form fields.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name.webp\" alt=\"meta field name\" class=\"wp-image-43362\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"post-submit-actions-settings\">Post Submit Actions settings<\/h4>\n\n\n\n<p>Unfold the <strong>Post Submit Actions <\/strong>section in the <strong><em>JetForm <\/em><\/strong>setting tab, select the \u201cUpdate User\u201d option, and hit the \u201c<strong>pencil<\/strong>\u201d icon to edit the action.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form.webp\" alt=\"update user post submit action in the jetformbuilder form\" class=\"wp-image-43367\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-in-the-jetformbuilder-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>FIELDS MAP<\/strong>, choose the \u201cUser ID (will update this user)\u201d option for the <strong>Hidden Field<\/strong>. For other fields, select the \u201cUser Meta\u201d option. In the appeared fields, enter the <strong>Names\/IDs <\/strong>of the meta fields from the Meta Box that correspond to the form fields.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings.webp\" alt=\"update user post submit action settings\" class=\"wp-image-43368\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>USER ROLE <\/strong>field should be kept without the selected option; otherwise, user roles will change to the chosen one after submitting the form.&nbsp;<\/p>\n\n\n\n<p>Also, you can set the custom messages in the <strong>MESSAGES SETTINGS <\/strong>if you fancy.<\/p>\n\n\n\n<p>After configuring the action settings, hit the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action.webp\" alt=\"edit update user action\" class=\"wp-image-43373\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/edit-update-user-action-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, press the \u201c<strong>+ New Action<\/strong>\u201d button, select the \u201cRedirect to Page\u201d option, and tap the \u201c<strong>pencil<\/strong>\u201d icon.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"792\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/add-a-new-action.webp\" alt=\"add a new action\" class=\"wp-image-43370\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/add-a-new-action.webp 272w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/add-a-new-action-103x300.webp 103w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/figure>\n\n\n\n<p>Elect the \u201cStatic Page\u201d <strong>REDIRECT TO<\/strong> and \u201cAccount\u201d <strong>SELECT PAGE <\/strong>options. Set other action settings if required and hit the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings.webp\" alt=\"redirect to page post submit action settings\" class=\"wp-image-43378\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-page-post-submit-action-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After finishing, hit the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jetengine-form\">JetEngine form<\/h3>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Be aware that the <em>JetEngine<\/em> forms are the legacy feature, and we recommend creating a form with the <a href=\"https:\/\/crocoblock.com\/plugins\/jetformbuilder\/\" target=\"_blank\" rel=\"noopener\"><em>JetFormBuilder<\/em><\/a> plugin that provides latest updates with the new form features.<\/p><\/div><\/div>\n\n\n\n<p>Before you start, be sure to enable the <strong>Forms (legacy) <\/strong>tab and hit the <strong>\u201cSave\u201d <\/strong>button in the <strong><em>JetEngine > JetEngine > Default Modules<\/em><\/strong> window.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle.webp\" alt=\"enable the forms legacy toggle\" class=\"wp-image-43347\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/enable-the-forms-legacy-toggle-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Afterward, you need to proceed to the form creation. Go to the <strong><em>JetEngine > Forms<\/em><\/strong> tab and click the \u201c<strong>Add new<\/strong>\u201d button.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form.webp\" alt=\"adding new jetengine form\" class=\"wp-image-43345\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-new-jetengine-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"form-fields\">Form fields<\/h4>\n\n\n\n<p>Enter the form title, and hit the \u201c<strong>pencil<\/strong>\u201d icon next to the first form field to edit it. Pick the \u201cCurrent User ID\u201d <strong>Field Value<\/strong> option and change the <strong>Name <\/strong>and <strong>Label <\/strong>if you fancy. Mind that this field will be invisible on the front end. Then, hit the \u201c<strong>Apply Changes<\/strong>\u201d button.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The <strong>Name<\/strong> should contain only Latin letters, numbers, `-` or `_` chars.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"736\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-form-field-with-the-current-user-ID-option.webp\" alt=\"hidden form field with the current user ID option\" class=\"wp-image-43348\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-form-field-with-the-current-user-ID-option.webp 781w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-form-field-with-the-current-user-ID-option-300x283.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-form-field-with-the-current-user-ID-option-768x724.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/hidden-form-field-with-the-current-user-ID-option-600x565.webp 600w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/div>\n\n\n\n<p>Now, you can create as many fields as you need by pushing the \u201c<strong>Add Field<\/strong>\u201d button. For this tutorial, we\u2019ve got a few essential fields to show the mechanism of the front-end submission.<\/p>\n\n\n\n<p>Firstly, we added several fields with the \u201cText\u201d type for the user&#8217;s nickname, first and last name, and email.<\/p>\n\n\n\n<p>We set the \u201cText\u201d <strong>Type<\/strong> and \u201cText\u201d <strong>Field Type<\/strong> fields and entered the suitable <strong>Name <\/strong>and <strong>Label<\/strong>. Also, we set the \u201cOnly for logged in users\u201d <strong>Field Visibility<\/strong> and pushed the \u201c<strong>Apply Changes<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"905\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-nickname.webp\" alt=\"text form field for the user nickname\" class=\"wp-image-43354\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-nickname.webp 740w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-nickname-245x300.webp 245w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-nickname-600x734.webp 600w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/div>\n\n\n\n<p>The settings are identical for the \u201cEmail\u201d text field, but the <strong>Field Type <\/strong>should be \u201cEmail.\u201d If you create a field for the user&#8217;s phone number, this option should be \u201cTel.\u201d<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"797\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-email.webp\" alt=\"text form field for the user email\" class=\"wp-image-43353\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-email.webp 716w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-email-270x300.webp 270w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/text-form-field-for-the-user-email-600x668.webp 600w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/div>\n\n\n\n<p>For the user avatar, we picked the \u201cMedia\u201d <strong>Type<\/strong> and set the <strong>Name<\/strong>, <strong>Label<\/strong>, and <strong>User access<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"776\" height=\"902\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-form-field-for-the-user-avatar.webp\" alt=\"media form field for the user avatar\" class=\"wp-image-43350\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-form-field-for-the-user-avatar.webp 776w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-form-field-for-the-user-avatar-258x300.webp 258w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-form-field-for-the-user-avatar-768x893.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/media-form-field-for-the-user-avatar-600x697.webp 600w\" sizes=\"(max-width: 776px) 100vw, 776px\" \/><\/div>\n\n\n\n<p>We ticked the <strong>Insert attachment<\/strong> checkbox and set the <strong>Field value<\/strong> according to the <strong>Media<\/strong> meta field settings in the Meta Box. For example, we selected the &#8220;Media ID&#8221; <strong>Value format <\/strong>for the meta field, so we set the &#8220;Attachment ID&#8221; <strong>Field value <\/strong>for the form field. Without these settings, users cannot add files via the form.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp\" alt=\"user avatar meta field in the meta box\" class=\"wp-image-43356\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-avatar-meta-field-in-the-meta-box-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, we set the <strong>Field Visibility<\/strong> and hit the<strong> <\/strong>\u201cApply Changes\u201d button.<\/p>\n\n\n\n<p>When you finish creating the form fields, you can arrange their order by dragging them. Ensure that the \u201c<strong>Submit Button<\/strong>\u201d is the last one.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields.webp\" alt=\"jetengine form fields\" class=\"wp-image-43349\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetengine-form-fields-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"preset-form-field-values\">Pre-set form field values<\/h4>\n\n\n\n<p>Under the form fields, tick the <strong>Pre-set form field values <\/strong>checkbox to unfold a new block under the form fields.<\/p>\n\n\n\n<p>Set the \u201cUser\u201d option for the <strong>Source<\/strong> field and choose the \u201cCurrent user\u201d option from the <strong>Get user ID from <\/strong>drop-down list.<\/p>\n\n\n\n<p>In the <strong>Fields Map <\/strong>section, pick the \u201cUser ID\u201d option for the \u201cHidden\u201d field. For other fields, select the \u201cUser Meta\u201d option responsible for pulling the data from the custom meta field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values.webp\" alt=\"pre-set form field values\" class=\"wp-image-43352\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/pre-set-form-field-values-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the appeared fields, enter the <strong>Names\/IDs <\/strong>of the meta fields from the Meta Box that correspond to the form fields.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name.webp\" alt=\"meta field name\" class=\"wp-image-43362\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/meta-field-name-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"postsubmit-actions\">Post-submit Actions<\/h4>\n\n\n\n<p>Scroll down to the <strong>Post-submit Actions \/ Notifications Settings<\/strong> block. Here, you\u2019ll see the \u201cSend Email\u201d action. Hit the \u201c<strong>pencil<\/strong>\u201d icon to edit it.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing.webp\" alt=\"post submit action editing\" class=\"wp-image-43351\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/post-submit-action-editing-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the unfolded block, pick the \u201cUpdate User\u201d <strong>Type<\/strong>.&nbsp;<\/p>\n\n\n\n<p>In the <strong>Fields Map <\/strong>section, choose the \u201cUser ID (will update this user)\u201d option for the \u201cHidden\u201d field. For other fields, select the \u201cUser Meta\u201d option. In the appeared fields, enter the <strong>Names\/IDs <\/strong>of the meta fields from the Meta Box that correspond to the form fields.&nbsp;<\/p>\n\n\n\n<p>The <strong>User Role<\/strong> field should be kept without the selected option; otherwise, user roles will change to the chosen one after submitting the form.&nbsp;&nbsp;<\/p>\n\n\n\n<p>After configuring the action settings, hit the \u201c<strong>Apply Changes<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"612\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action.webp\" alt=\"update user post submit action\" class=\"wp-image-43355\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action.webp 780w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-300x235.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-768x603.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/update-user-post-submit-action-600x471.webp 600w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/div>\n\n\n\n<p>Then, hit the \u201c<strong>Add Notification<\/strong>\u201d button and click the \u201c<strong>pencil<\/strong>\u201d icon to edit a new action.<\/p>\n\n\n\n<p>Choose the \u201cRedirect to Page\u201d <strong>Type<\/strong>, the \u201cStatic Page <strong>Redirect to<\/strong>, and \u201cAccount\u201d <strong>Select page <\/strong>options. Set other action settings if you fancy and hit the \u201c<strong>Apply Changes<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"704\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-the-account-page-post-submit-action.webp\" alt=\"redirect to the account page post submit action\" class=\"wp-image-43364\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-the-account-page-post-submit-action.webp 780w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-the-account-page-post-submit-action-300x271.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-the-account-page-post-submit-action-768x693.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/redirect-to-the-account-page-post-submit-action-600x542.webp 600w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/div>\n\n\n\n<p>After finishing, hit the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the form.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"place-the-form-on-the-account-subpage-template\">Place the Form on the Account Subpage Template<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>You can create a subpage template with the Elementor theme builder or the <em>JetEngine <\/em>plugin. The <em>JetEngine <\/em>allows you to create a template in Elementor or WordPress block editor.<\/p>\n\n\n\n<p>To create a template with the Elementor theme builder, move to the <strong><em>WordPress<\/em><\/strong> <strong><em>Dashboard > Templates > Saved Templates<\/em><\/strong> tab under the <strong>Elementor <\/strong>tab and hit the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage.webp\" alt=\"creating update user account subpage\" class=\"wp-image-43372\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-update-user-account-subpage-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>To create a template with the <em>JetEngine <\/em>plugin, head to the <strong><em>WordPress<\/em><\/strong> <strong><em>Dashboard &gt; JetEngine &gt; Listings <\/em><\/strong>tab and click the \u201c<strong>Add New<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<p>In the <strong>Setup Listing Item <\/strong>pop-up, pick the \u201cUsers\u201d <strong>Listing source<\/strong>, enter the <strong>Listing item name<\/strong>, and select the \u201cElementor\u201d or \u201cBlocks (Gutenberg)\u201d <strong>Listing view<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage.webp\" alt=\"setup listing item for the account subpage\" class=\"wp-image-43380\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setup-listing-item-for-the-account-subpage-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>If you craft the subpage in the Elementor, you can drag-n-drop the <strong>Form<\/strong> or <strong>JetForm<\/strong> widget to the editing page.<\/p>\n\n\n\n<p>Mind that with the <strong>Form <\/strong>widget, you can display forms created with <em>JetEngine <\/em>and <em>JetFormBuilder.<\/em> With the <strong>JetForm <\/strong>widget, you can display only the <em>JetFormBuilder<\/em> forms. Also, these two widgets have slightly different <strong>Content<\/strong> and <strong>Style <\/strong>settings.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets.webp\" alt=\"form and jetform widgets\" class=\"wp-image-43375\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-widgets-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>If you place the <strong>Form <\/strong>widget, choose the \u201cJetEngine\u201d or \u201cJetFormBuilder\u201d <strong>Provider <\/strong>and set the recently created form.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings.webp\" alt=\"form widget settings\" class=\"wp-image-43376\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>If you place the <strong>JetForm <\/strong>widget, just set the recently created form.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings.webp\" alt=\"jetform widget settings\" class=\"wp-image-43377\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/jetform-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, you are free to customize other <strong>Content <\/strong>and <strong>Style<\/strong> settings according to your needs.<\/p>\n\n\n\n<p>If you set the Account page with the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/creating-user-account-page\/#rewrite-template-mode\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cRewrite\u201d <strong>Template Mode<\/strong><\/a>, you can add the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-widget-overview-for-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Profile Menu<\/strong><\/a><strong> <\/strong>widget to the page.<\/p>\n\n\n\n<p>If you set it with the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/creating-user-account-page\/#content-template-mode\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cContent\u201d <strong>Template Mode<\/strong><\/a>, you don\u2019t need it since the <strong>Profile Menu <\/strong>widget should be already set on the Account page.<\/p>\n\n\n\n<p>Hit the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n<p>In the WordPress Block editor, the settings are the same. Place the <strong>Form<\/strong> or <strong>JetForm<\/strong> block and adjust the settings.<\/p>\n\n\n\n<p>For the style settings, you can use the free <a href=\"https:\/\/crocoblock.com\/plugins\/jetstylemanager\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetStyleManager<\/em><\/a><em> <\/em>plugin.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor.webp\" alt=\"form and jetform blocks in the WordPress block editor\" class=\"wp-image-43374\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/form-and-jetform-blocks-in-the-WordPress-block-editor-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assign-the-subpage-to-the-account-page-with-profile-builder\">Assign the Subpage to the Account Page with Profile Builder<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go to the <strong><em>WordPress Dashboard > JetEngine > Profile Builder > Account Page <\/em><\/strong>tab and hit the \u201c<strong>+ Add New Subpage<\/strong>\u201d button.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage.webp\" alt=\"adding a new subpage\" class=\"wp-image-43371\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/adding-a-new-subpage-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Enter the <strong>Title<\/strong> for the account subpage. Set the slug<strong> <\/strong>by clicking the <strong>Slug <\/strong>field. It will be generated automatically, but you can change it. While editing, don\u2019t forget that the slug must contain only Latin letters in lowercase, numbers, and `-` or `_` chars instead of spaces.<\/p>\n\n\n\n<p>Set the <strong>Template <\/strong>you created in the Elementor builder. Also, you can select user roles who can access this page from the <strong>Available for the user role <\/strong>drop-down menu.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage.webp\" alt=\"setting an update user account subpage\" class=\"wp-image-43379\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/setting-an-update-user-account-subpage-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>When you finish customizing, click the \u201c<strong>Save<\/strong>\u201d button at the bottom of the page.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"frontend-user-account-checking\">Front-end User Account Checking<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Log in as one of the users to check how the form works.<\/p>\n\n\n\n<p>Open the Account page on the front end and click the profile menu item to open the subpage with the form.<\/p>\n\n\n\n<div class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"757\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/account-subpage-with-the-update-user-form-on-the-front-end.webp\" alt=\"account subpage with the update user form on the front end\" class=\"wp-image-43369\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/account-subpage-with-the-update-user-form-on-the-front-end.webp 982w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/account-subpage-with-the-update-user-form-on-the-front-end-300x231.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/account-subpage-with-the-update-user-form-on-the-front-end-768x592.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/account-subpage-with-the-update-user-form-on-the-front-end-600x463.webp 600w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/><\/div>\n\n\n\n<p>Make changes and hit the \u201c<strong>Submit<\/strong>\u201d button to test the form. For example, we modified the user\u2019s avatar.<\/p>\n\n\n\n<div class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"964\" height=\"744\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updating-the-user-info-via-the-front-end-form.webp\" alt=\"updating the user info via the front-end form\" class=\"wp-image-43382\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updating-the-user-info-via-the-front-end-form.webp 964w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updating-the-user-info-via-the-front-end-form-300x232.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updating-the-user-info-via-the-front-end-form-768x593.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updating-the-user-info-via-the-front-end-form-600x463.webp 600w\" sizes=\"(max-width: 964px) 100vw, 964px\" \/><\/div>\n\n\n\n<p>After submitting the form, we were redirected to the Account page, specifically the first Account subpage with the user\u2019s info. The avatar was successfully changed.<\/p>\n\n\n\n<div class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"688\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updated-user-account-page.webp\" alt=\"updated user account page\" class=\"wp-image-43381\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updated-user-account-page.webp 976w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updated-user-account-page-300x211.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updated-user-account-page-768x541.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/updated-user-account-page-600x423.webp 600w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result-in-the-wordpress-dashboard\">Check the Result in the WordPress Dashboard<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Let\u2019s check how the information was transferred to the backend.<\/p>\n\n\n\n<p>Log in to the WordPress dashboard as an Administrator, proceed to the <strong>Users <\/strong>tab, and click to edit the updated user.<\/p>\n\n\n\n<p>The user\u2019s avatar was changed in the respective meta field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated.webp\" alt=\"user meta field updated\" class=\"wp-image-43383\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/user-meta-field-updated-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all. The <strong>Profile Builder<\/strong> and <em>JetEngine<\/em> or <em>JetFormBuilder<\/em> form functionalities allow users to change their account information from the front end. Set up various fields and custom meta boxes to create a unique user account layout and collect any data you need.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[402],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Edit User Accounts From the Front End | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Edit User Accounts From the Front End | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T10:35:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/\",\"name\":\"How to Edit User Accounts From the Front End | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2020-01-20T13:47:12+00:00\",\"dateModified\":\"2024-02-02T10:35:48+00:00\",\"description\":\"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Update Users\u2019 Accounts via Front End Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Edit User Accounts From the Front End | Crocoblock","description":"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/","og_locale":"en_US","og_type":"article","og_title":"How to Edit User Accounts From the Front End | Crocoblock","og_description":"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/","og_site_name":"Help Center","article_modified_time":"2024-02-02T10:35:48+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/01\/creating-a-meta-box-for-users.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/","name":"How to Edit User Accounts From the Front End | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2020-01-20T13:47:12+00:00","dateModified":"2024-02-02T10:35:48+00:00","description":"Learn how to update the user account information via the front end using the JetEngine Profile Builder and JetFormBuilder form.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-update-wordpress-users-via-front-end-form-submission-option\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Update Users\u2019 Accounts via Front End Form"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/18041"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=18041"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=18041"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=18041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}