Back to contents

How to add a Search field from JetBlocks to the header template

This tutorial explains what steps you have to take in order to add a Seach field to the header template with the help of JetBlocks plugin.

Search Field 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 Field using JetBlocks plugin for Elementor. So let’s walk through this process.

Creating a Search Field

Step 1 — Log in to your WordPress Dashboard.

Step 2 — Navigate to CrocoBlock > My Library, hover over the Header field and click Edit with Elementor to proceed.

Step 3 — Note that if you want to change your header template, you can click Magic Button to open the templates library.

Step 4 — Then, click the Headers tab, choose the header built the way you like and then click Insert.

Step 5 — After this, find the Search Field widget in the Elements panel and drag the widget to the section where you want to locate your search form.

Step 6 — After that, you’ll see the search field in your header template. On the left sidebar, you can change General Settings. Note, that you can also change Style of your search field.

Step 7 — Afterward, click the Publish button, and view how your header with search filed looks like.

So, these seven easy steps are all you need to do. Enjoy the results!