{"id":44688,"date":"2024-06-21T09:14:06","date_gmt":"2024-06-21T09:14:06","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&p=44688"},"modified":"2026-04-07T13:02:39","modified_gmt":"2026-04-07T13:02:39","slug":"components-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/components-overview\/","title":{"rendered":"Components"},"content":{"rendered":"\n

The Component <\/strong>feature allows creating and adjusting a custom widget\/block\/element, adding and reusing it on any needed page or template later. <\/p>\n\n\n\n

For instance, a developer can build a custom widget and define what controls it will have. Then, this widget can be used by a client in the builder and customized according to their needs.<\/p>\n\n\n

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

The component itself can be built with the help of the Blocks Editor (Gutenberg), Elementor, Bricks, or Timber\/Twig. Once it is ready, the component can be used on the pages\/templates built with the Blocks Editor (Gutenberg), Elementor, or Bricks.<\/p><\/div><\/div>\n\n\n\n

Listings\/Components Directory<\/h2>\n\n\n\n
\n

The components directory can be found in WordPress Dashboard > JetEngine > Listings\/Components<\/em><\/strong>.<\/p>\n\n\n\n

Both Listing templates<\/a> and components are presented in one list.<\/p>\n\n\n\n

One can also switch between the \u201cAll,\u201d \u201cListing Items,\u201d and \u201cComponents\u201d lists and check the number of items already created (numbers next to the list labels).<\/p>\n\n\n\n

To build a new component, one should press the \u201cAdd New Component<\/strong>\u201d button.<\/p>\n\n\n\n

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

In the opened pop-up, one should complete the following fields:<\/p>\n\n\n\n

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