Search Form Element
The Search Form element allows you to add a search form anywhere on your website. This element comes really handy when you are building a custom header or footer using Elementor.
- Mostly uses in Header, footer, and sidebars.
- Creating Header and Footer and block templates.
- Use in Page templates such as 404, maintenance and search page.
- Use anywhere you want to show a search form (full screen or inline)
In this article
Displaying a Search Form Element
To add a Search Form element to a page:
|Skin||Choose between a Classic or Full Screen style search form.|
|Placeholder||Add your custom placeholder inside the search form.|
|Choose Icon||Add your custom icon for the search form.
Adding a Search Form Inside Header
To add a search form inside the header:
Adding a Search Form Inside Footer
Simply follow the section above called “Adding a Search Form Inside Header“, but on step 3, for the template type select Footer.
You can choose to have different settings on different screen sizes for some of the Search Form element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.
At first you’ll see the icon for desktop layout only
But when you click that icon, you’ll get two more layouts: for tablet and phone.
To learn more about it, please check this article.