How to Add a Search Widget to the Header

The Search 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.

This guide will teach you how to add a Search widget using the JetBlocks plugin for Elementor. So let’s walk through this process.

Log in to your WordPress Dashboard.

Navigate to the Crocoblock > My Library section, hover over the Header field, and click the Edit with Elementor option to proceed.

After this, find the Search widget in the widgets panel and drag it to the section, where you want to locate your search form.

After that, you’ll see the search field in your header template. On the left sidebar, you can change the General Settings of the widget.

• You can specify the search placeholder, enable showing the “Submit” button and set its label and icon.

• Moreover, it is possible to show a search bar in the popup form. You need to turn on the Show Search Form in Popup option and select appropriate popup trigger icon and popup Close button icon. Also, you can make the popup fullwidth and choose a certain animation effect for showing the popup.

• Besides, you can set the search by products, just enable the Is Product Search option in the settings, in case you use the Search widget on the Shop page.

You can also set Style settings of your search field.

Afterward, click the Publish button, and view how your header with search field looks like.