{"id":46325,"date":"2024-12-13T13:09:53","date_gmt":"2024-12-13T13:09:53","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=46325"},"modified":"2024-12-13T13:21:34","modified_gmt":"2024-12-13T13:21:34","slug":"inserting-and-editing-cct-item-forms-in-front-end-user-dashboard","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/","title":{"rendered":"How to Insert and Edit CCT Items via Form in the Front-End User Dashboard"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"generate-a-form-for-inserting-the-cct-items\">Generate a Form for Inserting the CCT Items<\/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>To generate a form for <strong>CCT<\/strong> item creation, head to the <strong><em>WordPress Dashboard > JetEngine > Custom Content Types<\/em><\/strong> and open the required <strong>CCT<\/strong> (\u201cWebinars\u201d in our case) settings by clicking the \u201c<strong>Edit<\/strong>\u201d action.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list.webp\" alt=\"\" class=\"wp-image-46337\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\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\">If you create \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#date\" target=\"_blank\" rel=\"noreferrer noopener\">Date<\/a>,\u201d and\/or \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#datetime\" target=\"_blank\" rel=\"noreferrer noopener\">Datetime<\/a>\u201d custom fields for the <strong>CCT<\/strong>, enable the <strong>Save as timestamp <\/strong>toggle in their settings.<\/p><\/div><\/div>\n\n\n\n<p>On the <strong>CCT<\/strong> editing page, hit the \u201c<strong>Create new form<\/strong>\u201d button from the right <strong>Actions<\/strong> section.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items.webp\" alt=\"create new form for adding cct items\" class=\"wp-image-46334\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-form-for-adding-cct-items-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After clicking the button, you will be redirected to the editing page of the <a href=\"https:\/\/jetformbuilder.com\/features\/creating-a-form\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>created form<\/strong><\/a>. If needed, alter the form title.<\/p>\n\n\n\n<p>The form contains fields with the same labels, names, and types as the <strong>CCT<\/strong> <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>custom meta fields<\/strong><\/a>.<\/p>\n\n\n\n<p>In our case, it\u2019s the \u201cWebinar name\u201d <a href=\"https:\/\/jetformbuilder.com\/features\/text-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Text Field<\/strong><\/a>, \u201cWebinar description\u201d <a href=\"https:\/\/jetformbuilder.com\/features\/textarea-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Textarea Field<\/strong><\/a>, \u201cWebinar image\u201d <a href=\"https:\/\/jetformbuilder.com\/features\/media-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Media Field<\/strong><\/a>, \u201cScheduled date and time\u201d <a href=\"https:\/\/jetformbuilder.com\/features\/datetime-field-2\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Datetime Field<\/strong><\/a>, and \u201cRegistration link\u201d <strong>Text Field<\/strong>. Also, the form contains the <a href=\"https:\/\/jetformbuilder.com\/features\/action-button-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Action Button<\/strong><\/a>.<\/p>\n\n\n\n<p>If the form contains the <strong>Media Field <\/strong>blocks, proceed to the <strong>Block <\/strong>settings tab and open the <strong>Field <\/strong>tab. Here, enable the <strong>Insert attachment<\/strong> toggle and set the <strong>FIELD VALUE<\/strong> according to the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#media\" target=\"_blank\" rel=\"noreferrer noopener\">Media<\/a>\u201d meta field settings. For example, we selected the \u201cMedia ID\u201d <strong>Value format <\/strong>for the meta field, so we set the \u201cAttachment ID\u201d <strong>FIELD VALUE <\/strong>for the form field. Without these settings, users cannot add files via the form. Also, you can set the <strong>User access<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form.webp\" alt=\"cct custom fields in the form\" class=\"wp-image-46330\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-custom-fields-in-the-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, proceed to the <a href=\"https:\/\/jetformbuilder.com\/features\/post-submit-action-controls-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Post Submit Actions<\/strong><\/a> section of the <strong>JetForm<\/strong> tab, where the\u00a0 \u201cInsert\/Update Custom Content Type Item\u201d action is set by default. To check its settings, hover over it and press the \u201c<strong>pencil<\/strong>\u201d icon.<\/p>\n\n\n\n<p>The <strong>Edit Action <\/strong>pop-up contains such settings:<\/p>\n\n\n\n<ul>\n<li><strong>CONTENT TYPE<\/strong> \u2014 a dropdown menu where the recently created \u201cWebinars\u201d <strong>CCT<\/strong> is set by default;<\/li>\n\n\n\n<li><strong>ITEM STATUS<\/strong> \u2014 a dropdown menu where you can decide whether an item will obtain \u201cDraft\u201d or \u201cPublish\u201d status after a user submits the form;<\/li>\n\n\n\n<li><strong>FIELDS MAP<\/strong> \u2014 these settings show the connection of the form fields with the <strong>CCT<\/strong> meta fields. After a user fills in the form fields and clicks the \u201c<strong>Submit<\/strong>\u201d button, the <strong>CCT<\/strong> item will be created with the corresponding values in the meta fields;<\/li>\n\n\n\n<li><strong>DEFAULT SETTINGS<\/strong> \u2014 here, you can define values for the <strong>CCT<\/strong> default fields.<\/li>\n<\/ul>\n\n\n\n<p>If you change any action settings, hit the \u201c<strong>Update<\/strong>\u201d button. Then, save the form.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings.webp\" alt=\"insert update custom content type item settings\" class=\"wp-image-46349\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/insert-update-custom-content-type-item-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, you have a ready-made form that you can add to any page or template you need using the <a href=\"https:\/\/jetformbuilder.com\/features\/jetform-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JetForm<\/strong><\/a> widget\/block. To complete that, check the <a href=\"https:\/\/jetformbuilder.com\/features\/adding-the-form-block\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Display a Form on the Front End<\/strong><\/a> tutorial.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end.webp\" alt=\"form for inserting the cct items on the front end\" class=\"wp-image-46346\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-for-inserting-the-cct-items-on-the-front-end-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-for-editing-cct-items-on-the-account-page\">Create a Form for Editing CCT items on the Account Page<\/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=\"create-a-form\">Create a form<\/h3>\n\n\n\n<p>To enable users to edit <strong>CCT<\/strong> items directly from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">listing<\/a>, you need to create a form that retrieves data from a specific <strong>CCT<\/strong> item, allowing users to view and modify its content.<\/p>\n\n\n\n<p>Let\u2019s begin with creating a new form. To speed up the process, go to the <strong><em>WordPress Dashboard > JetFormBuilder > Forms<\/em><\/strong> tab and duplicate the previous form by pressing the corresponding button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form.webp\" alt=\"duplicate a form\" class=\"wp-image-46340\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/duplicate-a-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Change the form title and add a <a href=\"https:\/\/jetformbuilder.com\/features\/hidden-field\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Hidden Field<\/strong><\/a> block.<\/p>\n\n\n\n<p>Set the <strong>FIELD VALUE <\/strong>to \u201cURL Query Variable\u201d and enter the \u201c_post_id\u201d <strong>QUERY VARIABLE KEY<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key.webp\" alt=\"hidden field with query variable key\" class=\"wp-image-46348\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/hidden-field-with-query-variable-key-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, move to the<strong> Post Submit Action<\/strong> tab of the <strong>JetForm <\/strong>section, hover over the \u201cInsert\/Update Custom Content Type Item\u201d action, click the \u201c<strong>pencil<\/strong>\u201d icon, and map the <strong>Hidden Field<\/strong> with \u201cItem ID (will update the item)\u201d in the <strong>FIELD MAP <\/strong>section. Then, push 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\/2024\/12\/editing-post-submit-action-for-updating-CCT-items.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items.webp\" alt=\"editing post submit action for updating CCT items\" class=\"wp-image-46345\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Eventually, we need to set the preset in order to get pre-filled data in our form.&nbsp;<\/p>\n\n\n\n<p>Unfold the <strong>Preset <\/strong>tab in the <strong>JetForm<\/strong> section and activate the <strong>Enable <\/strong>toggle.&nbsp;<\/p>\n\n\n\n<p>The <strong>SOURCE<\/strong>,<strong> <\/strong>in our case, will be \u201cCustom Content Type,\u201d <strong>GET ITEM ID FROM<\/strong> \u2014 the same as in the <strong>Hidden Field<\/strong> \u2014 \u201cURL Query Variable\u201d and the <strong>QUERY VARIABLE NAME<\/strong> is \u201c_post_id\u201d.<\/p>\n\n\n\n<p>We also need to map all <strong>CCT<\/strong> meta fields with form fields. For the <strong>Hidden Field<\/strong>, choose the \u201cItem ID\u201d option.<\/p>\n\n\n\n<p>After finishing customizing the form, hit the \u201c<strong>Save<\/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\/2024\/12\/preset-settings-for-the-editing-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form.webp\" alt=\"preset settings for the editing form\" class=\"wp-image-46356\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"place-the-form-on-the-account-subpage-template\">Place the form on the Account subpage template<\/h3>\n\n\n\n<p>We\u2019re done with the form; now, let\u2019s create an Account subpage template.<\/p>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Profile Builder <\/em><\/strong>tab, open the <strong>Account Page <\/strong>section, and press the \u201c<strong>+ Add New Subpage<\/strong>\u201d button.<\/p>\n\n\n\n<p>Set the <strong>Title <\/strong>and <strong>Slug<\/strong>. It\u2019s better to hide this template from 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> by activating the <strong>Hide from menu<\/strong> toggle so this page will be accessible only with a redirect link.<\/p>\n\n\n\n<p>Then, press the \u201c<strong>+ Create New Template<\/strong>\u201d link under the <strong>Template <\/strong>link to trigger a pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template.webp\" alt=\"create new account subpage template\" class=\"wp-image-46333\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-account-subpage-template-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Enter the <strong>Template Name <\/strong>and select the <strong>Template Type<\/strong> (can be \u201cListing Item\u201d or \u201cElementor Template\u201d). If the \u201cListing Item\u201d option is selected, pick the <strong>Listing view<\/strong> as well (\u201cElementor\u201d or \u201cBlocks (Gutenberg)\u201d).<\/p>\n\n\n\n<p>Then, hit the \u201c<strong>Create Template<\/strong>\u201d button to be redirected to the template editing page in a new tab.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up.webp\" alt=\"create new profile template pop-up\" class=\"wp-image-46335\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/create-new-profile-template-pop-up-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Inside the template, add the <strong>JetForm <\/strong>widget\/block, select your newly created form in the <strong>Choose Form <\/strong>drop-down, and publish the template.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template.webp\" alt=\"form in the account subpage template\" class=\"wp-image-46347\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/form-in-the-account-subpage-template-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-listing-template-for-cct-items\">Create a Listing template for CCT items<\/h3>\n\n\n\n<p>Now, we need to create a <strong>Listing template<\/strong> with a link to the \u201cEdit CCT Items\u201d page.<\/p>\n\n\n\n<p>Go to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings\/Components<\/em><\/strong> and press the \u201c<strong>Add New Item<\/strong>\u201d button.<\/p>\n\n\n\n<p>Select the \u201cCustom Content Type\u201d as the <strong>Listing source<\/strong>, pick your <strong>CCT<\/strong> name in the <strong>From content type<\/strong> drop-down, enter the <strong>Listing item name<\/strong>, and select the preferred <strong>Listing view<\/strong>.<\/p>\n\n\n\n<p>Then, push the \u201c<strong>Create Listing Item<\/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\/2024\/12\/creating-a-listing-template-for-the-cct-items.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-1024x618.webp\" alt=\"creating a listing template for the cct items\" class=\"wp-image-46336\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items-600x362.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/creating-a-listing-template-for-the-cct-items.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Add all the necessary <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-widgets-and-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Widgets &amp; Blocks<\/strong><\/a> to display the <strong>CCT<\/strong> items data. Check the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/creating-custom-content-type-listing-template\/#create-a-listing-template\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create Custom Content Type Listing Template<\/strong><\/a> tutorial for more details.<\/p>\n\n\n\n<p>Then, place the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-dynamic-link-widget-overview\/\"><strong>Dynamic Link<\/strong><\/a>, select the \u201cProfile Page\u201d <strong>Source<\/strong>, and pick the recently created template as the <strong>Profile Page<\/strong>.<\/p>\n\n\n\n<p>Then, enable the <strong>Add Query Arguments <\/strong>toggle that activates the <strong>Query Arguments <\/strong>textarea with such text:<\/p>\n\n\n\n<p>_post_id=%current_id%<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument.webp\" alt=\"dynamic link with query argument\" class=\"wp-image-46341\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dynamic-link-with-query-argument-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After finishing customizing the Listing item, hit the \u201c<strong>Publish<\/strong>\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"place-the-listing-grid-to-the-account-template\">Place the Listing Grid to the Account template<\/h3>\n\n\n\n<p>The last step is to create a new Account subpage template with the listing we just created.<\/p>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Profile Builder <\/em><\/strong>tab, open the <strong>Account Page <\/strong>section, and press the \u201c<strong>+ Add New Subpage<\/strong>\u201d button.<\/p>\n\n\n\n<p>Set the <strong>Title <\/strong>and <strong>Slug <\/strong>and click the \u201c<strong>+ Create New Template<\/strong>\u201d link.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing.webp\" alt=\"account template for the cct listing\" class=\"wp-image-46327\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-template-for-the-cct-listing-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Create New Profile Template<\/strong> pop-up, enter the <strong>Template Name <\/strong>and select the <strong>Template Type<\/strong>.<\/p>\n\n\n\n<p>Then, hit the \u201c<strong>Create Template<\/strong>\u201d button.<\/p>\n\n\n\n<p>Place the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a>, select the created <strong>Listing<\/strong>,<strong> <\/strong>and publish the template.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template.webp\" alt=\"cct listing grid in the account subpage template\" class=\"wp-image-46332\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-listing-grid-in-the-account-subpage-template-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-result\">Check the result<\/h3>\n\n\n\n<p>Let\u2019s check our results. Navigate to the Account page on the front end, open the subpage with a listing, and then click on the \u201c<strong>Edit<\/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\/2024\/12\/cct-list-on-the-account-page-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end.webp\" alt=\"cct list on the account page on the front end\" class=\"wp-image-46331\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/cct-list-on-the-account-page-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After clicking the \u201c<strong>Edit<\/strong>\u201d button, the page is redirected to the one with the \u201cEdit CCT Items\u201d form and predefined data.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form.webp\" alt=\"account subpage with the edit cct item form\" class=\"wp-image-46326\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/account-subpage-with-the-edit-cct-item-form-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-form-for-editing-cct-items-in-popup\"><strong>Create Form for Editing CCT Items in Pop-up<\/strong><\/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>Now, let\u2019s look at how we can add the \u201cEdit CCT Items\u201d form in a pop-up.<\/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\">Please be advised that we need the <a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\"><em>JetPopup<\/em><\/a> plugin installed and activated for this purpose.<\/p><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"set-up-a-form\">Set up a form<\/h3>\n\n\n\n<p>Initially, create a new form or duplicate the first \u201cCreate CCT Item\u201d form.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form.webp\" alt=\"dublicate add new cct item form\" class=\"wp-image-46339\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/dublicate-add-new-cct-item-form-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Rename the form. Place the <strong>Hidden Field<\/strong> and leave the <strong>FIELD VALUE <\/strong>unselected.\u00a0<\/p>\n\n\n\n<p>Open the <strong>Block<\/strong> settings tab in the right panel, scroll down to the <strong>DEFAULT VALUE<\/strong> field, and click the \u201c<strong>database<\/strong>\u201d icon.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field.webp\" alt=\"default value of the hidden field\" class=\"wp-image-46338\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/default-value-of-the-hidden-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Pick the \u201cCustom Content Type\u201d <strong>SOURCE<\/strong>, \u201cCurrent post\u201d from the <strong>GET ITEM ID FROM <\/strong>field, and \u201cItem ID\u201d <strong>CCT VALUE<\/strong>. Then, click 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\/2024\/12\/preset-default-value-for-the-hidden-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field.webp\" alt=\"preset default value for the hidden field\" class=\"wp-image-46354\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-default-value-for-the-hidden-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>\u201c<\/strong>Insert\/Update Custom Content Type\u201d<strong> Post Submit Action<\/strong> editing window, connect the <strong>Hidden Field<\/strong> with the \u201cItem ID (will update the item)\u201d option in the <strong>FIELDS MAP <\/strong>section and press 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\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up.webp\" alt=\"editing post submit action for updating CCT items in pop-up\" class=\"wp-image-46344\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/editing-post-submit-action-for-updating-CCT-items-in-pop-up-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, unfold the <strong>Preset <\/strong>tab in the <strong>JetForm<\/strong> section and activate the <strong>Enable <\/strong>toggle.&nbsp;<\/p>\n\n\n\n<p>Here, choose the \u201cCustom Content Type\u201d <strong>SOURCE<\/strong> and \u201cCurrent post\u201d in the <strong>GET ITEM ID FROM<\/strong> field.<\/p>\n\n\n\n<p>As before, we need to map our form fields with the <strong>CCT<\/strong> meta fields.<\/p>\n\n\n\n<p>Eventually, save the changes.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up.webp\" alt=\"preset settings for the editing form in pop-up\" class=\"wp-image-46355\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/preset-settings-for-the-editing-form-in-pop-up-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"place-the-form-in-the-popup\">Place the form in the pop-up<\/h3>\n\n\n\n<p>Save changes and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetpopup-how-to-build-a-dynamic-popup-to-work-with-jetengine-listings\/\" target=\"_blank\" rel=\"noreferrer noopener\">create a dynamic Popup<\/a> to add this form inside.<\/p>\n\n\n\n<p>Add the <strong>JetForm <\/strong>to the pop-up and select the form in the <strong>Choose Form<\/strong> dropdown menu.&nbsp;<\/p>\n\n\n\n<p>Then, click the \u201c<strong>gear<\/strong>\u201d icon to open the pop-up settings.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-1024x618.webp\" alt=\"edit CCT items form in the pop-up\" class=\"wp-image-46343\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up-600x362.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-CCT-items-form-in-the-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Settings<\/strong> tab, enable <strong>Loading content with Ajax<\/strong> and <strong>Force Loading<\/strong> options and publish the pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing.webp\" alt=\"pop-up settings for the cct items editing\" class=\"wp-image-46353\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/pop-up-settings-for-the-cct-items-editing-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adjust-the-listing-template\">Adjust the Listing template<\/h3>\n\n\n\n<p>Open the <strong>Listing <\/strong>for <strong>CCT<\/strong> items and add a <a href=\"https:\/\/elementor.com\/help\/button-widget\/?utm_source=widget-help&amp;utm_medium=wp-dash&amp;utm_campaign=learn\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Button<\/strong><\/a> (by <em>Elementor<\/em>) or <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-button-widget-how-to-add-a-button-widget-to-your-website\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Button<\/strong><\/a> (by the <a href=\"https:\/\/crocoblock.com\/plugins\/jetelements\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetElements<\/em><\/a> plugin).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor.webp\" alt=\"button widget in elementor\" class=\"wp-image-46329\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/button-widget-in-elementor-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Advanced<\/strong> settings tab of the widget, unroll the <strong>JetPopup<\/strong> tab, select the needed pop-up from the<strong> Attached Popup <\/strong>dropdown, \u201cClick On Widget\u201d <strong>Trigger Type<\/strong>, and enable the <strong>Jet Engine Listing popup<\/strong> toggle.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button.webp\" alt=\"attaching the edit cct items pop-up to the button\" class=\"wp-image-46328\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/attaching-the-edit-cct-items-pop-up-to-the-button-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Save the changes and add the <strong>Listing Grid<\/strong> with this <strong>Listing template<\/strong> on any page you need. In the described example, it will be again the <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#place-the-listing-grid-to-the-account-template\">Account page<\/a><\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"checking-the-result\">Checking the result<\/h3>\n\n\n\n<p>Head to the Account page on the front end, open the subpage with a listing and then click the \u201c<strong>Edit<\/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\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end.webp\" alt=\"listing with cct items and edit button on the front end\" class=\"wp-image-46350\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/listing-with-cct-items-and-edit-button-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>It opens the pop-up with the pre-filled \u201cEdit CCT Items\u201d form.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end.webp\" alt=\"edit cct item pop-up with the form on the front end\" class=\"wp-image-46342\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/edit-cct-item-pop-up-with-the-form-on-the-front-end-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-form-for-editing-cct-items-on-the-single-page\">Create Form for Editing CCT Items on the Single Page<\/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=\"craft-a-form\">Craft a form<\/h3>\n\n\n\n<p>For the Single page, you can use the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#set-up-a-form\">form for the pop-up<\/a> or create a new one with similar settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"place-the-form-to-the-single-page\">Place the form to the Single page<\/h3>\n\n\n\n<p>Open the Single CCT template, place a <strong>JetForm<\/strong>, and select the recently created form. Save the changes.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template.webp\" alt=\"place the form for the editing cct items on the single template\" class=\"wp-image-46351\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/place-the-form-for-the-editing-cct-items-on-the-single-template-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"examine-the-result\">Examine the result<\/h3>\n\n\n\n<p>Proceed to the <strong>CCT<\/strong>\u2019s Single page on the front end.\u00a0<\/p>\n\n\n\n<p>The form is pre-filled as intended. You can change the <strong>CCT<\/strong> details and submit the form to test how it works.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end.webp\" alt=\"single cct page with form on the front end\" class=\"wp-image-46357\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/single-cct-page-with-form-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all for now. Now you know how to insert and edit <em>JetEngine <\/em><strong>Custom Content Type<\/strong> items from the WordPress front end.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[322,402],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.\" \/>\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\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-13T13:21:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list.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=\"14 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\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/\",\"name\":\"How to Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-12-13T13:09:53+00:00\",\"dateModified\":\"2024-12-13T13:21:34+00:00\",\"description\":\"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#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 Insert and Edit CCT Items via Form in the Front-End User Dashboard\"}]},{\"@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 Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock","description":"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.","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\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/","og_locale":"en_US","og_type":"article","og_title":"How to Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock","og_description":"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/","og_site_name":"Help Center","article_modified_time":"2024-12-13T13:21:34+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/custom-content-types-list.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/","name":"How to Insert and Edit CCT Items via Form in the Front-End User Dashboard \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-12-13T13:09:53+00:00","dateModified":"2024-12-13T13:21:34+00:00","description":"Discover how to build the JetFormBuilder forms for inserting and editing the CCT items. Develop the front-end user interface by placing forms on the Account page, pop-up, or Single page.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/inserting-and-editing-cct-item-forms-in-front-end-user-dashboard\/#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 Insert and Edit CCT Items via Form in the Front-End User Dashboard"}]},{"@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\/46325"}],"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\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=46325"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=46325"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=46325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}