{"id":49511,"date":"2025-09-19T08:58:46","date_gmt":"2025-09-19T08:58:46","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=49511"},"modified":"2025-09-19T08:58:47","modified_gmt":"2025-09-19T08:58:47","slug":"adding-form-to-wordpress-website-via-bolt","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/adding-form-to-wordpress-website-via-bolt\/","title":{"rendered":"How to Add Form to WordPress Website via Bolt"},"content":{"rendered":"\n

In the previous How to Build a Listing with Filters via Bolt<\/strong><\/a> <\/strong>and How to Add Pagination to the Listing via Bolt<\/strong><\/a> <\/strong>tutorials, we described how to create a website with a listing, filters, and pagination.<\/p>\n\n\n\n

Here, we uncover how to add a form for adding new items using the JetFormBuilder <\/em>plugin and Formless Actions Endpoints<\/em> addon. <\/p>\n\n\n\n

As the source, we will use the same Custom Content Type<\/strong><\/a>. To learn how to add a form to a website with the Query Builder<\/strong><\/a>, you can follow the How to Add a Form to a WordPress Website via Lovable<\/strong><\/a> tutorial.<\/p>\n\n\n\n

The WordPress and AI Builders Integration using Crocoblock: Bolt and Lovable Cases<\/strong><\/a> <\/strong>article provides more details about the AI Builders.<\/p>\n\n\n\n

Create a Form<\/h2>\n\n\n\n

To generate a form for adding CCT<\/strong> items, go to the WordPress Dashboard > JetEngine > Custom Content Types<\/em><\/strong>, edit the required CCT<\/strong>, and click the \u201cCreate New Form<\/strong>\u201d button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

It will generate a form with fields that correspond to the CCT<\/strong> meta fields and the \u201cInsert\/Update Custom Content Type Item\u201d post submit action<\/a>.<\/p>\n\n\n\n

\"generated<\/a><\/div>\n\n\n\n

Add a New Endpoint<\/h2>\n\n\n\n

More details can be found in the How to Set Up Front-end Submission and Approval System with Formless Actions Endpoints<\/strong><\/a> <\/strong>tutorial.<\/p>\n\n\n\n

Go to WordPress Dashboard > JetFormBuilder > Endpoints <\/em><\/strong>and press the \u201c+ Add new route<\/strong>\u201d button.<\/p>\n\n\n\n

\"jetformbuilder<\/a><\/div>\n\n\n\n

In the Settings<\/strong> section, adjust such options:<\/p>\n\n\n\n

\"rest<\/a><\/div>\n\n\n\n