{"id":9135,"date":"2022-06-14T08:24:58","date_gmt":"2022-06-14T08:24:58","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=9135"},"modified":"2024-07-18T13:41:53","modified_gmt":"2024-07-18T13:41:53","slug":"how-to-add-an-ajax-search-to-websites-header-with-jetsearch","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-add-an-ajax-search-to-websites-header-with-jetsearch\/","title":{"rendered":"How to Add an AJAX Search to a Website\u2019s Header"},"content":{"rendered":"\n

Adding the AJAX Search to the Header in Elementor Editor<\/strong><\/h2>\n\n\n\n
\n

Navigate to the WordPress Dashboard<\/em><\/strong> > <\/em>Crocoblock > Theme Builder <\/em><\/strong>directory.\u00a0<\/p>\n\n\n\n

Select the already existing header<\/a> and click on the \u201cEdit content<\/strong>\u201d button to proceed to the editor or build a new one.<\/p>\n\n\n\n

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

In the editor, search for the Ajax Search<\/strong> widget and drag and drop it to the needed section.<\/p>\n\n\n\n

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

The JetSearch<\/em> <\/strong>plugin allows you to change every element of the widget; for example, you can easily customize the placeholder text<\/a> and the content of the search results<\/a>.<\/p>\n\n\n\n

Learn more about each settings tab of the widget in the corresponding tutorials:<\/p>\n\n\n\n