{"id":49406,"date":"2025-09-25T12:00:13","date_gmt":"2025-09-25T12:00:13","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=49406"},"modified":"2025-09-25T12:00:13","modified_gmt":"2025-09-25T12:00:13","slug":"building-listing-with-filters-using-bolt","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/building-listing-with-filters-using-bolt\/","title":{"rendered":"How to Build a Listing with Filters via Bolt"},"content":{"rendered":"\n

In this tutorial, we describe how to create a website using only WordPress, Crocoblock\u2019s JetEngine<\/em> plugin, and Bolt<\/a> as an AI Builder. For this case, you don\u2019t need any builder as Elementor, Divi, etc. For additional details, see the article on WordPress and AI Builders Integration using Crocoblock: Bolt and Lovable Cases<\/strong><\/a>.<\/p>\n\n\n\n

In our case, we will create a website that showcases mugs as products. Mugs are added to our WordPress website as Custom Content Type (CCT)<\/strong><\/a> items.<\/p>\n\n\n\n

Also, you can display posts on your new website built with AI Builder by configuring the Query Builder<\/strong><\/a>. For that, you can refer to the How to Build Listing with Filters via Lovable<\/strong><\/a> tutorial.<\/p>\n\n\n\n

Setting up a CCT as a Source<\/h2>\n\n\n\n

To display items (e.g., mugs) on a new website, a CCT<\/strong> should be created, and CCT<\/strong> items should be added to the WordPress website. For that, explore the How to Create Custom Content Type<\/strong><\/a> <\/strong>tutorial.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

If your CCT<\/strong> contains a \u201cMedia<\/a>\u201d custom field, ensure to set the Value format <\/strong>to \u201cMedia URL.\u201d<\/p><\/div><\/div>\n\n\n\n

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

In the General Settings<\/strong> of the CCT<\/strong>, enable the Register get items\/item REST API Endpoint<\/strong> toggle.<\/p>\n\n\n\n

The URLs that appear in Endpoint URL<\/strong> should be provided in the AI builder prompt:<\/p>\n\n\n\n