Overview 

This article will show you how to create a custom search widget to use on a page.

Instructions

1. Navigate to Modules > Site Tools > Design Center
   
   
2. Select Widget Manager
   
   
3. Select Search
   
   
4. Select +
   
   
5. Type in the name for your option set
   
   
   • Note: We recommend you naming it where you plan on using it. For example, Home - Search.
6. Select Create Option Set
   
7. The Search Widget option box will appear for customization
   • Header
     
     
     • Display Header: Check if you would like the header to be displayed
     • Text: Allows you to set the header text
     • Image: Select the image you would like to appear in the header
   • Box
     
     
     • Helper Text: Will display in search box until someone starts typing
     • Helper Text Color: Allows you to customize the color
     • Search Box Text Color: Allows you to customize the text color
     • Styles: Allows you to set the style in the box using CSS
   • Button
     
     
     • Text: Allows you to customize the text on the button
     • Image: Allows you to choose a search image
     • Hover Image: Allows you to choose the search image when search is hovered over
     • Position: Allows you to choose where the search button appears int the search box
     • Styles: Allows you to set the style in the button using CSS
   • Behavior
     
     
     • Enable Department-Only Search: Allows an option to search by department
     • Label Color: Allows you to customize the color of the search
     • Label Offset: Allows movement of the widget display
     • Styles: Allows CSS
8. Select Save