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