{"id":6837,"date":"2019-02-21T14:02:51","date_gmt":"2019-02-21T14:02:51","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=6837"},"modified":"2023-04-15T11:04:18","modified_gmt":"2023-04-15T11:04:18","slug":"how-to-add-a-search-field-to-the-header","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetblocks\/how-to-add-a-search-field-to-the-header\/","title":{"rendered":"How to Add a Search Widget to the Header"},"content":{"rendered":"\n
\n

The Search<\/a> widget is a control element used in computer programs and on websites. It is used to help the user to search and retrieve information from the database.<\/p>\n\n\n\n

This guide will teach you how to add a Search<\/strong> widget using the JetBlocks<\/em><\/a> plugin for Elementor<\/strong>. So let\u2019s walk through this process.<\/p>\n\n\n\n

Log in to your WordPress Dashboard<\/strong>.<\/p>\n\n\n\n

Navigate to the Crocoblock<\/strong> > My Library<\/strong><\/em> section, hover over the Header<\/strong> field, and click the Edit with Elementor<\/strong> option to proceed.<\/p>\n\n\n\n\"Crocoblock\n\n\n

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

If you want to change your header template, you can click the Magic Button<\/strong> in Elementor<\/strong> to open the templates library. Then, click the Headers<\/strong> tab, choose the header built the way you like and then click Insert<\/strong>.<\/p><\/div><\/div>\n\n\n\n\"headers\n\n\n\n

After this, find the Search<\/strong> widget in the widgets panel and drag it to the section, where you want to locate your search form.<\/p>\n\n\n\n\"search-widget\"\n\n\n\n

After that, you\u2019ll see the search field in your header template. On the left sidebar, you can change the General Settings<\/strong> of the widget.<\/p>\n\n\n\n