{"id":21538,"date":"2020-11-30T09:05:51","date_gmt":"2020-11-30T09:05:51","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=21538"},"modified":"2026-05-12T09:30:09","modified_gmt":"2026-05-12T09:30:09","slug":"jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/","title":{"rendered":"How to Add and Edit Custom Content Type Items Remotely Using REST API"},"content":{"rendered":"\n<p>In this tutorial, we consider setting up a <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/restapi\/\" target=\"_blank\" rel=\"noreferrer noopener\">REST API Endpoint<\/a> on a WordPress site (the main site in this tutorial) to add and edit CCT items via the <em>JetFormBuilder&#8217;s<\/em> form, which will be displayed on another site (the auxiliary site &#8220;Travengo&#8221; in this tutorial).<\/p>\n\n\n\n<p>You can also refer to our video guide on sending form data between WordPress sites with <em>JetEngine <\/em>REST API. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Send Form Data Between WordPress Sites (REST API + JetEngine Tutorial)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/2Pu0I7rRH7k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"register-the-items-rest-api-endpoint-actions\"><strong>Register the Items REST API Endpoint Actions<\/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>Navigate to the main site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"activate-the-custom-content-types-module\"><strong>Activate the Custom Content Types module<\/strong><\/h3>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine &gt; Modules<\/em><\/strong> tab and activate the <strong>Custom Content Types<\/strong> toggle. Press the &#8220;<strong>Save<\/strong>&#8221; button. After the page reloads, the <strong>Custom Content Types<\/strong> tab will be added to the dashboard.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-1024x640.webp\" alt=\"main site jetengine dashboard tab\" class=\"wp-image-45002\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-cct-with-rest-api-endpoint\"><strong>Create a CCT with REST API Endpoint<\/strong><\/h3>\n\n\n\n<p>Proceed to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Custom Content Types<\/em><\/strong>,<strong><em> <\/em><\/strong>and click the &#8220;<strong>Add New<\/strong>&#8221; button. Type the CCT\u2019s name in the <strong>Name<\/strong> field (&#8220;Attendees&#8221; in this case), select the <strong>Menu Icon<\/strong> and <strong>Menu position<\/strong> (in this case, we selected the &#8220;Comments&#8221; option for the <strong>Menu position<\/strong> field, which means that this CCT will be displayed below the <strong>Comments<\/strong> tab in the <strong>WordPress Dashboard<\/strong>). The <strong>Slug<\/strong> and <strong>DB Table Name<\/strong> fields will be filled in automatically.<\/p>\n\n\n\n<p>Learn more about the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-content-type\/#general-settings\"><strong>General Settings<\/strong><\/a><strong> <\/strong>from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-content-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Content Type (CCT) Overview<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-1024x640.webp\" alt=\"add new content type tab\" class=\"wp-image-44994\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/add-new-content-type-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-needed-meta-fields\"><strong>Add the needed meta fields<\/strong><\/h3>\n\n\n\n<p>Scroll down to the <strong>Fields <\/strong>tab and press the &#8220;<strong>New Field<\/strong>&#8221; button to create meta fields. In this case, we created the following meta fields: &#8220;Name,&#8221; &#8220;Phone,&#8221; &#8220;Email,&#8221; and &#8220;Comments&#8221; <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom fields<\/a> with the \u201cText\u201d <strong>Field type<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-1024x640.webp\" alt=\"cct meta fields in cct\" class=\"wp-image-44965\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-meta-fields-in-cct.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Additionally, we enabled <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/admin-columns-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Admin Columns<\/strong><\/a> for all meta fields (except the &#8220;Comments&#8221; meta field) to display the collected data via the <strong>WordPress Dashboard<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"register-the-needed-item-rest-api-endpoint-actions\"><strong>Register the needed item REST API endpoint actions<\/strong><\/h3>\n\n\n\n<p>Return to the <strong>General Settings<\/strong> tab.<\/p>\n\n\n\n<p>Enable the toggle(s), allowing users to take specific action(s) on the main and auxiliary sites.&nbsp;<\/p>\n\n\n\n<p>In our case, users are allowed to create and update CCT items via <em>JetFormBuilder<\/em> forms, so we enabled the <strong>Register create item REST API Endpoint<\/strong>,<strong> Register get items\/item REST API Endpoint<\/strong>, and <strong>Register update item REST API Endpoint <\/strong>toggles.<\/p>\n\n\n\n<p>Each toggle activates the <strong>Endpoint URL<\/strong> and <strong>Access Capability<\/strong> fields if enabled.<\/p>\n\n\n\n<p>Then, we copied and saved the URL, which appeared in the <strong>Endpoint URL <\/strong>(the &#8220;https:\/\/**************.com\/documentation\/wp-json\/jet-cct\/attendees&#8221; text). This link is relevant only for the considered case; you will apply your own link on your site.<\/p>\n\n\n\n<p>Finally, we set the user access capability as an option in the <strong>Access Capability<\/strong> field. By default, there are no restrictions, but in this case, we typed the &#8220;manage_options&#8221; text, which means that only the &#8220;Super Admin&#8221; and &#8220;Administrator&#8221; can create the endpoint.<\/p>\n\n\n\n<p>Read the WordPress <a href=\"https:\/\/wordpress.org\/documentation\/article\/roles-and-capabilities\/\" target=\"_blank\" rel=\"noreferrer noopener\">Roles and Capabilities<\/a> tutorial to know how to assign capabilities for different user roles.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-1024x640.webp\" alt=\"rest api toggles enabled\u00a0\" class=\"wp-image-44990\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-toggles-enabled.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If you would like to allow the visitors to edit the items, please consider a few details:<\/p>\n\n\n\n<ul>\n<li>The update functionality doesn&#8217;t allow editing the existing data; it allows rewriting it. The user will have to fill in all the fields once again, and the new information will replace the old one;<\/li>\n\n\n\n<li>You will have to add fields to the form that will let the users choose what item they want to update;<\/li>\n\n\n\n<li>To show the user the list of available items, you have to create a separate listing. To learn how to do this, follow<a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-how-to-display-custom-content-type-items-using-rest-api\/\"> <\/a>the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-custom-content-type-items-using-rest-api\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Display Custom Content Type Items Using REST API<\/strong><\/a> tutorial.<\/li>\n\n\n\n<li>You will have to create a separate form for the update functionality. Combining requests to different REST API URLs in one form is not possible.<\/li>\n<\/ul>\n\n\n\n<p>Press the &#8220;<strong>Add\/Update Content Type<\/strong>&#8221; to save the CCT settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-cct-items\"><strong>Add the CCT items<\/strong><\/h3>\n\n\n\n<p>Navigate to the created CCT tab (in this tutorial, &#8220;Attendees&#8221;) and press the &#8220;<strong>Add New<\/strong>&#8221; button to create the CCT items.<\/p>\n\n\n\n<p>Fill in the CCT item with data. Once completed, press the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n\n\n\n<p>Learn more about how to create CCT and manage the CCT items in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-custom-content-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create Custom Content Type (CCT)<\/strong><\/a> tutorial.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore 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=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The connection will not be established if the CCT items are not created.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-1024x640.webp\" alt=\"cct item list\" class=\"wp-image-44998\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-list.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"enable-a-connection-with-the-endpoint\"><strong>Enable a Connection with the Endpoint<\/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<h3 class=\"wp-block-heading\" id=\"enable-the-rest-api-endpoints-module\"><strong>Enable the REST API<\/strong><strong><em> <\/em><\/strong><strong>Endpoints module<\/strong><\/h3>\n\n\n\n<p>These actions are performed on the auxiliary site (&#8220;Travengo&#8221; in this case).<\/p>\n\n\n\n<p>Go to the website where you want to add the form (&#8220;Travengo&#8221; in this tutorial) and proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine &gt; Modules<\/em><\/strong>. Enable the <strong>REST API Listings<\/strong> toggle.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-1024x640.webp\" alt=\"jetengine dashboard tab\" class=\"wp-image-44975\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetengine-dashboard-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n\n\n\n<p>Then, the <strong>REST API Endpoints<\/strong> tab will be added to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetengine-dashboard-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JetEngine Dashboard<\/strong><\/a>. Open this tab and click the &#8220;<strong>+<\/strong> <strong>New Endpoint<\/strong>&#8221; button.&nbsp;<\/p>\n\n\n\n<p>After entering the <strong>Name<\/strong> of the endpoint (the &#8220;Attendees,&#8221; in this case), paste the copied URL from the <strong>Endpoint URL <\/strong>field under the<strong> Register create item REST API Endpoint<\/strong> toggle (from the main site) to the <strong>API Endpoint URL<\/strong> field under the <strong>Name<\/strong> field (the &#8220;https:\/\/*************.com\/documentation\/wp-json\/jet-cct\/attendees&#8221; text). This link is relevant only for the considered case; you will apply your own link on your sites.&nbsp;<\/p>\n\n\n\n<p>After adding the text to this field, the link will be displayed near the endpoint\u2019s title.<\/p>\n\n\n\n<p>Then, if you have adjusted the <strong>Access Capability<\/strong>, turn the <strong>Authorization <\/strong>toggle on.<\/p>\n\n\n\n<p>Select the &#8220;Application Password&#8221; option in the <strong>Authorization type<\/strong> drop-down list.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-1024x640.webp\" alt=\"est api endpoint setting tab\" class=\"wp-image-44988\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-endpoint-setting-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-application-password\"><strong>Add the Application Password<\/strong><\/h3>\n\n\n\n<p>Navigate to the main site.<\/p>\n\n\n\n<p>Proceed to the <strong><em>WordPress Dashboard<\/em><\/strong> <strong><em>&gt; Users <\/em><\/strong>tab. Select a user whose role allows creating the endpoint according to the option set in the <strong><a href=\"#register\">Access Capability<\/a><\/strong> field of the CCT settings.<\/p>\n\n\n\n<p>Hover over the user name, press the &#8220;<strong>Edit<\/strong>&#8221; link, unroll the user&#8217;s settings, and scroll down to the <strong>Application Passwords<\/strong> heading.<\/p>\n\n\n\n<p>Enter any name into the <strong>New Application Password Name <\/strong>field and hit the &#8220;<strong>Add New Application Password<\/strong>&#8221; button.<\/p>\n\n\n\n<p>Then, a new password will be generated and displayed below the <strong>New Application Password Name <\/strong>field.<\/p>\n\n\n\n<p>Copy the new password and save it somewhere.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-1024x640.webp\" alt=\"rest api authentication password setting\" class=\"wp-image-44987\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-authentication-password-setting.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore 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=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Save the generated password because it will not be displayed again.<\/p><\/div><\/div>\n\n\n\n<p>Press the &#8220;<strong>Update User<\/strong>&#8221; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"set-the-connection\"><strong>Set the connection<\/strong><\/h3>\n\n\n\n<p>Return to the auxiliary site and navigate to the <strong><em>WordPress Dashboard &gt;<\/em><\/strong> <strong><em>JetEngine &gt; JetEngine &gt; REST API Endpoints <\/em><\/strong>tab, unroll the previously created CCT (the &#8220;Attendees&#8221; in this case), and paste the application user\u2019s name and the copied password into the &#8220;<strong>User:password string<\/strong>&#8221; field. In this case, this text looks as follows: &#8220;admin:9jDw gRsO Wuyh FFI5 QX7D aYUS&#8221;, where the &#8220;admin&#8221; text is the application user\u2019s name, and the &#8220;9jDw gRsO Wuyh FFI5 QX7D aYUS&#8221; text is the pasted password. This password is relevant only for the considered case; you will apply your password on your site.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore 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=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The user\u2019s name and the password should be separated by a semicolon without spaces and other specific symbols.<\/p><\/div><\/div>\n\n\n\n<p>Press the &#8220;<strong>Send Request<\/strong>&#8221; button in the &#8220;<strong>Sample Request<\/strong>&#8221; field.<\/p>\n\n\n\n<p>If the connection is set, the status &#8220;Connected&#8221; will be displayed in the &#8220;<strong>Status<\/strong>&#8221; field.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-1024x640.webp\" alt=\"connection setting\" class=\"wp-image-44966\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/connection-setting.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the &#8220;<strong>Save<\/strong>&#8221; button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"connect-the-form-to-create-item-rest-api-endpoint\"><strong>Connect the Form to CREATE Item REST API Endpoint<\/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<h3 class=\"wp-block-heading\" id=\"create-a-form\"><strong>Create a form<\/strong><\/h3>\n\n\n\n<p>Move to the auxiliary site (&#8220;Travengo&#8221; in this case).<\/p>\n\n\n\n<p>Unroll the <strong><em>WordPress Dashboard &gt; JetFormBuilder &gt; Add New<\/em><\/strong> tab to create a new form. The form will be open in the Gutenberg editor.&nbsp;<\/p>\n\n\n\n<p>Initially, the form includes the <a href=\"https:\/\/jetformbuilder.com\/features\/welcome-block-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Welcome<\/strong><\/a> block, which allows the application of the pre-created or <a href=\"https:\/\/jetformbuilder.com\/features\/how-to-generate-forms-with-open-ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">AI-generated forms<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-1024x640.webp\" alt=\"jetformbuilder welcome block\" class=\"wp-image-44981\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-welcome-block.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Start from scratch<\/strong>&#8221; button to develop a custom form.<\/p>\n\n\n\n<p>The <strong>Welcome<\/strong> block will be closed, and the default <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> will be added.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-1024x640.webp\" alt=\"default jetformbuilder form fields\" class=\"wp-image-44968\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/default-jetformbuilder-form-fields.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The default<strong> Hidden Field<\/strong> is not necessary in this case; we left this field to save the post ID in the form record data.<\/p>\n\n\n\n<p>Add the form\u2019s title (&#8220;Attendees&#8221; here). Click the &#8220;<strong>Add Field<\/strong>&#8221; button and create all the necessary fields corresponding to the CCT fields.<\/p>\n\n\n\n<p>In this case, we created the following block fields: &#8220;Name,&#8221; &#8220;Phone,&#8221; &#8220;Email,&#8221; and &#8220;Comments&#8221; <strong>Text Fields<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-1024x640.webp\" alt=\"jetformbuilder text fields added\" class=\"wp-image-44980\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-text-fields.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If you need a hint, go through the <a href=\"https:\/\/jetformbuilder.com\/features\/creating-a-form\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Creating a Form<\/strong><\/a> tutorial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-request\"><strong>Create a request<\/strong><\/h3>\n\n\n\n<p>When the form fields are ready, open the <strong>JetForm <\/strong>tab on the right panel and scroll down to the <strong>Post Submit Actions.<\/strong><\/p>\n\n\n\n<p>The &#8220;<a href=\"https:\/\/jetformbuilder.com\/features\/how-to-use-save-form-record-action\/\" target=\"_blank\" rel=\"noreferrer noopener\">Save Form Record<\/a>&#8221; <strong>Post Submit Action<\/strong> is added by default. We leave this action to collect form records. Press the<strong> &#8220;+ New Action&#8221; <\/strong>button and select the &#8220;REST API Request&#8221; option from the drop-down list.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-1024x640.webp\" alt=\"rest api request option of the post-submit actions\" class=\"wp-image-44989\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/rest-api-request-post-submit-action.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore 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=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Displaying data from the auxiliary site on the main site via REST API is available for the <strong>Text<\/strong>, <strong>Number<\/strong>, <strong>Checkbox<\/strong>, <strong>Radio<\/strong>, <strong>Select<\/strong>, <strong>Date<\/strong>, <strong>Datetime<\/strong>, <strong>Time<\/strong>, <strong>Textarea<\/strong>, and <strong>Range Fields<\/strong>.<\/p><\/div><\/div>\n\n\n\n<p>Press the &#8220;<strong>pencil<\/strong>&#8221; icon below the &#8220;REST API Request&#8221; option. The <strong>Edit Action<\/strong> pop-up will appear.<\/p>\n\n\n\n<p>Navigate to the main site and move to the <strong><em>WordPress Dashboard &gt;<\/em><\/strong> <strong><em>JetEngine &gt; Custom Content Types<\/em><\/strong> tab. Unroll the CCT (\u201cAttendees\u201d in this case) and copy the URL from the <strong>Endpoint<\/strong><strong> URL <\/strong>field under the<strong> Register create item REST API Endpoint<\/strong> toggle.<\/p>\n\n\n\n<p>Return to the auxiliary site and continue to develop the form (the \u201cAttendees\u201d<em> <\/em>form) and paste the copied URL from the <strong>Endpoint URL <\/strong>field under the<strong> Register create item REST API Endpoint<\/strong> toggle (the main site) with the slash at the end of the line to the <strong>REST API URL<\/strong> field (the &#8220;https:\/\/************.com\/documentation\/wp-json\/jet-cct\/attendees\/&#8221; text in this case).&nbsp;<\/p>\n\n\n\n<p>Then, fill in the <strong>CUSTOM BODY<\/strong> text area, which is for the JSON code of the request. Here, you need to define the connections between the form fields and the CCT meta fields. In the description placed on the right side of the text area, there is a link to the <a href=\"https:\/\/www.w3dnetwork.com\/json-formatter.html\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Online editing tool<\/strong><\/a> \u2013 open it. Delete the rows from 2 to 14 and use this code instead:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\"CCT_field_ID\" : \"macros\"\n<\/code><\/pre>\n\n\n\n<p>Instead of the &#8220;CCT_field_ID&#8221; part, you have to put the IDs of all the<strong> Custom Content Type<\/strong> meta fields.&nbsp;<\/p>\n\n\n\n<p>The result has to look like this, where the &#8220;name,&#8221; for example, is the name of the meta field from the main site, and the &#8220;%name%&#8221; is the macro with the <strong>FORM FIELD NAME<\/strong>:<\/p>\n\n\n\n<p>In this tutorial, the text in the <strong>Custom Body<\/strong> looks as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n\n\"name\" : \"%name%\",\n\n\"phone\" : \"%phone%\",\n\n\"email\" : \"%email%\",\n\n\"comments\" : \"%comments%\"\n\n}\n\n<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-1024x640.webp\" alt=\"edit rest api request post submit action\" class=\"wp-image-44971\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-rest-api-request-post-submit-action.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Move the <strong>Authorization<\/strong> toggle at the bottom of the <strong>Edit Action<\/strong> pop-up. Then, select the &#8220;Application Password&#8221; option in the <strong>AUTHORIZATION TYPE<\/strong> drop-down list and paste the application username and password into the <strong>USER:PASSWORD STRING<\/strong> field as you did previously to <a href=\"#set-the-connection\">set the connection<\/a>.&nbsp;<\/p>\n\n\n\n<p>In this case, the text looks as follows: &#8220;admin:9jDw gRsO Wuyh FFI5 QX7D aYUS&#8221;, where the &#8220;admin&#8221; text is the application user\u2019s name, and the &#8220;9jDw gRsO Wuyh FFI5 QX7D aYUS&#8221; text is the pasted password. This password is relevant only for the considered case \u2014 you will generate your own password.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-1024x640.webp\" alt=\"request authorization toggle enabled\" class=\"wp-image-44986\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/request-authorization-toggle-enabled.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Update<\/strong>&#8221; button to close the pop-up and publish the form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-form-to-a-page\"><strong>Add the form to a page<\/strong><\/h3>\n\n\n\n<p>In this tutorial, we added the created form into a pop-up to improve usability. Here, we created a pop-up of the classic type and deleted its default content.&nbsp;<\/p>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetpopup\/how-to-create-a-new-popup-template-from-scratch-based-on-jetpopup\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a New Popup Template in Elementor<\/strong><\/a> tutorial to learn how to create pop-ups and manage their settings. Also, you can check the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetpopup\/how-to-create-popup-in-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create Popup in Gutenberg<\/strong><\/a><strong> <\/strong>tutorial.&nbsp;<\/p>\n\n\n\n<p>Then, we added the <strong>JetForm<\/strong> widget onto the pop-up, selected the developed form (&#8220;Attendees&#8221; in this case) in the <strong>Choose Form<\/strong> drop-down list, and selected the &#8220;AJAX&#8221; <strong>Submit Type<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-1024x640.webp\" alt=\"jetform inserted in a pop-up\" class=\"wp-image-44976\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-inserted-in-a-popup.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once completed, press the &#8220;<strong>Update<\/strong>&#8221; button.<\/p>\n\n\n\n<p>To know how to manage the form\u2019s settings, read 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<p>Finally, we set the condition to display the pop-up while scrolling on the single pages. To do this, we navigated to the left bottom corner of the page, pressed the &#8220;<strong>gear<\/strong>&#8221; icon, and unrolled the <strong>Settings<\/strong> block in the opened tab. Here, we specified the &#8220;Page Scrolled(%)&#8221; <strong>Open Event<\/strong> and set the <strong>Scroll Page Progress(%)<\/strong> to display a pop-up on the page while it is being scrolled.<\/p>\n\n\n\n<div class=\"wp-block-image alignleft size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-1024x640.webp\" alt=\"jetpopup settings tab\" class=\"wp-image-44983\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, we pressed the &#8220;<strong>Edit<\/strong>&#8221; button near the <strong>Display Condition<\/strong> option on the <strong>Settings<\/strong> tab. This redirects to the <strong><em>WordPress Dashboard &gt; JetPopup &gt; All Popups<\/em><\/strong> tab and opens the <strong>Set the popup visibility conditions<\/strong> pop-up. In this pop-up, we pressed the &#8220;<strong>+ Add condition<\/strong>&#8221; button, selected the \u201cInclude\u201d and \u201cSingular\u201d options, and chose the needed CPT to display the pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-1024x640.webp\" alt=\"setting pop-up visibility conditions\" class=\"wp-image-44985\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/popup-condition-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After setting the conditions, press the &#8220;<strong>Save Conditions<\/strong>&#8221; button.<\/p>\n\n\n\n<p>The tutorial details how to set a condition to display pop-ups in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetpopup\/how-to-set-the-popup-to-different-locations-multiple-popup-conditions\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Assign Popup to Different Locations<\/strong><\/a> tutorial.<\/p>\n\n\n\n<p>Finally, open a page on which you want to display this form. In this tutorial, we display the pop-up on the single pages. Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-add-a-single-post-page-template-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a WordPress Single Post Page Template<\/strong><\/a> tutorial to learn how to create single pages.<\/p>\n\n\n\n<p>Navigate to the front end to check if the form works correctly. Fill in the form\u2019s fields and press the &#8220;<strong>Submit<\/strong>&#8221; button.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-1024x640.webp\" alt=\"form added to a page\" class=\"wp-image-44972\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/form-added-to-a-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once successfully submitted, the pop-up will show the &#8220;Form successfully submitted.&#8221; text.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-1024x640.webp\" alt=\"successfully submitted form\" class=\"wp-image-44993\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/successfully-submitted-form.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-form-records\"><strong>Check the form records<\/strong><\/h3>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; JetFormBuilder &gt; Form Records<\/em><\/strong> tab.<\/p>\n\n\n\n<p>This tab enlists all form data regardless of whether the form was submitted successfully or not.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-1024x640.webp\" alt=\"jet form builder form records tab\" class=\"wp-image-44979\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-records-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Unroll the needed form record and check the form\u2019s data.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-1024x640.webp\" alt=\"jet form builder form data\" class=\"wp-image-44978\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetformbuilder-form-data.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-cct-items-on-the-main-site\"><strong>Check the CCT items on the main site<\/strong><\/h3>\n\n\n\n<p>Navigate to the main site. Open the CCT item list (&#8220;Attendees&#8221; in this tutorial) and check if the CCT item was added to the list.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-1024x640.webp\" alt=\"cpt items list with added items\" class=\"wp-image-44967\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cpt-items-list-with-added-items.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"connect-the-form-to-get-and-update-edit-item-rest-api-endpoint\"><strong>Connect the Form to GET and UPDATE (EDIT) item REST API Endpoint<\/strong><\/h2>\n<\/div><\/div>\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 edit the CCT items, we get them from the main site using the GET item <strong>REST API Endpoint <\/strong>first and then update this data on the auxiliary site via <em>JetFormBuilder<\/em> forms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"edit-the-created-form\"><strong>Edit the created form<\/strong><\/h3>\n\n\n\n<p>Return to the auxiliary site (&#8220;Travengo&#8221; in this case).<\/p>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; <\/em><\/strong><strong><em>JetFormBuilder &gt; Forms<\/em><\/strong> tab. Hover the cursor on the previously created form and hit the &#8220;<strong>Duplicate<\/strong>&#8221; link.<\/p>\n\n\n\n<p>The duplicated form will appear in the list with the &#8220;(copy)&#8221; text added to the initial form&#8217;s name.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-1024x640.webp\" alt=\"duplicated form\" class=\"wp-image-44969\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/duplicated-form.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Open the duplicated form and unroll the <strong>JetForm <\/strong>tab. Scroll down to the &#8220;REST API request&#8221; <strong>Post Submit Actions<\/strong>.<\/p>\n\n\n\n<p>Then, press the &#8220;<strong>pencil<\/strong>&#8221; icon to edit this<strong> Post Submit Action<\/strong>. Here, we added the &#8220;%post_id%&#8221; text to the end of the <strong>REST API URL<\/strong> field, which means that the <strong>FORM FIELD NAME<\/strong> field of the <strong>Hidden Field<\/strong> block of this form will be used for the identification of a new CCT item. In this case, the full line looks as follows:<\/p>\n\n\n\n<p> https:\/\/.com\/documentation\/wp-json\/jet-cct\/attendees\/%post_id%<\/p>\n\n\n\n<p>As mentioned above, this link is relevant only to this tutorial; you should use your own links.<\/p>\n\n\n\n<p>However, you can add another field to use for identification.&nbsp;<\/p>\n\n\n\n<p>Press the &#8220;<strong>Update<\/strong>&#8221; button to save the changes and close the pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-1024x640.webp\" alt=\"adding identification data to the rest api url field\" class=\"wp-image-44995\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/adding-identification-data-to-the-rest-api-url-field.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, change the text on the <strong>Action <\/strong>button from &#8220;Submit&#8221; to &#8220;Save.&#8221;<\/p>\n\n\n\n<p>Navigate to the<strong> Preset Settings<\/strong> tab of the <strong>JetForm<\/strong> settings. Activate the <strong>Enable <\/strong>toggle, select the &#8220;Custom Content Type&#8221; option from the <strong>SOURCE<\/strong> drop-down list, and choose the &#8220;Current post&#8221; option from the <strong>GET ITEM ID FROM<\/strong> drop-down list. Finally, set the &#8220;Item ID&#8221; option for the field selected as an identification (in this case, for the &#8220;post_id&#8221; <strong>Hidden Field<\/strong>).<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-1024x640.webp\" alt=\"jetform preset settings\" class=\"wp-image-44977\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetform-preset-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Publish the form or update it if you have published it already.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-popup-to-add-the-modified-form\"><strong>Create a <\/strong><strong>pop-up<\/strong><strong> to add the modified form<\/strong><\/h3>\n\n\n\n<p>Create another pop-up to add the form for updating the CCT data (we named this pop-up &#8220;CCT update&#8221;).<\/p>\n\n\n\n<p>Delete the unnecessary widgets and drag-n-drop the <strong>JetForm<\/strong> widget onto the pop-up. Select the modified form (&#8220;Attendees (copy)&#8221; in this case) in the <strong>Choose Form<\/strong> drop-down list, and choose the &#8220;AJAX&#8221; <strong>Submit Type<\/strong> option.<\/p>\n\n\n\n<p>If needed, apply the <strong>Style<\/strong> settings.<\/p>\n\n\n\n<p>Then, unroll the <strong>Settings<\/strong> tab and move the <strong>Loading content with Ajax<\/strong> and <strong>Force loading<\/strong> toggles.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-1024x640.webp\" alt=\"edit cct item pop-up settings\" class=\"wp-image-44970\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/edit-cct-item-pop-up-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Update<\/strong>&#8221; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-listing-item-to-display-the-rest-api-items\"><strong>Create a listing item to display the REST API items<\/strong><\/h3>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt;<\/em><\/strong> <strong><em>JetEngine &gt; <\/em><\/strong><strong><em>Listings\/Components<\/em><\/strong> tab and press the &#8220;<strong>Add New <\/strong><strong>Listing Item<\/strong>&#8221; button.<\/p>\n\n\n\n<p>Select the following options from the appropriate drop-down lists:<\/p>\n\n\n\n<ul>\n<li>Pick the &#8220;REST API Endpoint&#8221; option from the <strong>Listing source:<\/strong> drop-down list.<\/li>\n\n\n\n<li>Select the REST API Endpoint (&#8220;Attendees, https:\/\/*************.com\/documentation\/wp-json\/jet-cct\/attendees\u201d) among the endpoints enlisted in the <strong>From API endpoint:<\/strong> drop-down list.<\/li>\n<\/ul>\n\n\n\n<p>Then, add the name of the listing item and select an editor.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-1024x640.webp\" alt=\"setup listing item pop-up\" class=\"wp-image-44991\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/setup-listing-item-pop-up-for-rest-api-endpoint.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the &#8220;<strong>Create Listing Item<\/strong>&#8221; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-form-to-the-listing-item\"><strong>Add the form to the listing item<\/strong><\/h3>\n\n\n\n<p>In this case, we divided the listing layout into two sections. Then, we put the <strong>Button <\/strong>widget in the right section to apply the pop-up. We navigated to the <strong>Advanced<\/strong> settings of the widget and unrolled the <strong>JetPopup<\/strong> setting block. We selected the previously created pop-up (the CCT update pop-up) and set the &#8220;Click on Button&#8221; <strong>Trigger Type<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-1024x640.webp\" alt=\"jetpopup settings of the button widget\" class=\"wp-image-44982\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/jetpopup-settings-of-the-button-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Additionally, we styled the button \u2013 selected the white color as the background and customized the text font.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-1024x640.webp\" alt=\"style settings of the button widget\" class=\"wp-image-44992\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/style-settings-of-the-button-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-dynamic-fields-to-the-item\"><strong>Add the dynamic fields to the item<\/strong><\/h3>\n\n\n\n<p>To add the needed dynamic fields to the listing item, we drag-n-drop the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a> widgets and set the following settings for each widget:<\/p>\n\n\n\n<ul>\n<li>Selected the &#8220;Post\/Term\/User\/Object data&#8221; option from the <strong>Source<\/strong> drop-down menu;<\/li>\n\n\n\n<li>Unrolled the <strong>Object Field<\/strong> drop-down list and scrolled it down to the enlisted CCT fields (the &#8220;REST API:Attendees&#8221; group of options, in this case);<\/li>\n\n\n\n<li>Moved the <strong>Customized field output<\/strong> toggle and added the text into the &#8220;<strong>Field format<\/strong>&#8221; field.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-1024x640.webp\" alt=\"cct added via the dynamic field widget\" class=\"wp-image-44996\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-added-via-the-dynamic-field-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Finally, press the &#8220;<strong>Update<\/strong>&#8221; button.<\/p>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-display-custom-content-type-items-using-rest-api\/#how-to-display-items-obtained-via-rest-api-in-elementor\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Show Content with the Help of REST API<\/strong><\/a> tutorial to learn how to display different types of content, including images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-listing-to-a-page\"><strong>Add the listing to a page<\/strong><\/h3>\n\n\n\n<p>Create a page where you want to add the listing. Then, drag-n-drop the <a href=\"https:\/\/crocoblock.com\/widgets\/listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget onto this page. Select the needed listing in the &#8220;<strong>Source<\/strong>&#8221; drop-down list.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-1024x640.webp\" alt=\"listing grid with cct items added\" class=\"wp-image-44984\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/listing-grid-with-cct-items-added.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>alt text: listing grid with added cct items<\/p>\n\n\n\n<p>More details about the <strong>Listing Grid<\/strong> widget can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Listing Grid Widget Overview<\/a>.<\/p>\n\n\n\n<p>Press the &#8220;<strong>Update<\/strong>&#8221; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-result-on-the-front-end\"><strong>Check the result on the front end<\/strong><\/h3>\n\n\n\n<p>Navigate to the front end.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-1024x640.webp\" alt=\"front end of the cct listing\" class=\"wp-image-44974\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/front-end-of-the-cct-listing.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the \u201c<strong>Edit<\/strong>\u201d button near every enlisted CCT item.<\/p>\n\n\n\n<p>Then, fill in the form fields. Once completed, press the &#8220;<strong>Save<\/strong>&#8221; button in the pop-up.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-1024x640.webp\" alt=\"cct item edited via jetformbuiler forms\" class=\"wp-image-44997\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-edited-via-jetformbuiler-forms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If the form works correctly, the pop-up will show the &#8220;Form successfully submitted.&#8221; text.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-cct-items-on-the-main-site\"><strong>Check the CCT items on the main site<\/strong><\/h3>\n\n\n\n<p>Navigate to the main site. Open the CCT item list (&#8220;Attendees&#8221; in this tutorial) and check if the new values of the CCT item were updated.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-1024x640.webp\" alt=\"cct item updated\" class=\"wp-image-44964\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/cct-item-updated.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all about setting the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely via <em>JetFormBuilder<\/em> forms.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[322,407],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.\" \/>\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-add-and-edit-cct-items-remotely-using-rest-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T09:30:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-1024x640.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=\"21 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-add-and-edit-cct-items-remotely-using-rest-api\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/\",\"name\":\"Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2020-11-30T09:05:51+00:00\",\"dateModified\":\"2026-05-12T09:30:09+00:00\",\"description\":\"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/#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 Add and Edit Custom Content Type Items Remotely Using REST API\"}]},{\"@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":"Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock","description":"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.","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-add-and-edit-cct-items-remotely-using-rest-api\/","og_locale":"en_US","og_type":"article","og_title":"Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock","og_description":"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/","og_site_name":"Help Center","article_modified_time":"2026-05-12T09:30:09+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/main-site-jetengine-dashboard-tab-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/","name":"Adding and Editing CCT Items via REST API \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2020-11-30T09:05:51+00:00","dateModified":"2026-05-12T09:30:09+00:00","description":"Learn how to set the REST API connection between two WordPress sites to create, get, and edit the Custom Content Type items remotely. Get access to CCT items management via REST API functionality.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-add-and-edit-cct-items-remotely-using-rest-api\/#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 Add and Edit Custom Content Type Items Remotely Using REST API"}]},{"@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\/21538"}],"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=21538"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=21538"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=21538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}