Search Form Widget

The Search Form widget allows you to add a search bar anywhere on your website.


Content

Search Form

  1. Skin: Choose classic, minimal or full-screen pre-built styles
  2. Placeholder: Set the text that appears inside the search form by entering a value or using a Dynamic Tag

Full-screen shows only a small button which opens the search form as a lightbox popup

Button or Toggle

  1. Type: Choose to display an Icon or Custom Text on the button
  2. Icon or Text: If using an icon on the button, choose from a search or arrow icon. If using custom text, specify the text that will appear on the button
  3. Size: Adjust the size of the button or search icon
  4. Alignment (for full-screen skin only): Align the search icon to the left, center, or righ

Style

Input

  1. Overlay Color (for Full Screen skin only): Select the color of the full screen overlay
  2. Typography: Change the typography options of the search bar for both normal and focused modes
  3. Text color: Choose the color of the text
  4. Background color: Choose the background color
  5. Border color: Choose the border color
  6. Box-shadow: Give the search bar a box shadow
  7. Border size: Control the thickness of the border
  8. Border radius:  Set the border radius to control corner roundness

Button or Toggle

  1. Text color: Choose the color of the text
  2. Background color: Choose the background color of the button
  3. Icon size: Scale the icon size up and down
  4. Width: Adjust the width of the button
  5. Border Width: Control the thickness of the border
  6. Border Radius: Set the border radius to control corner roundness

Note: The Search Form widget uses standard WordPress site search functionality. It does not include a typeahead / autocomplete feature.

Advanced

Set the Advanced options that are applicable to this widget

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page