Skip to content

Search Bar

The Search Bar element can be used to insert a custom search form anywhere on your website. You can customize the design in various ways as well as add custom search parameters for custom searches.

  • WPBakery
  • Elementor

Examples

Default Search Bar Design

Below is the default design of the Search Bar element which features a search text input on the left and a submit button on the right.

Search Bar Customizations

You can customize many aspects of the Search Bar element if you want a more unique design for your website. Below are some examples showing what could be done.

Advanced Custom Search Queries

You can also define a custom query for your search bar. This is awesome when adding Custom Post types and wanting a search bar that only searches posts in that post type or you want to create custom search pages like the Total documentation’s filter page.