--- title: How to use the Sermons Search widget? description: Discover how to use the Sermons Search widget to enable a search function for finding specific sermons based on keywords or phrases. --- [Skip to content](https://success.ministrydesigns.help/how-to-use-the-sermons-search-widget#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) # How to use the Sermons Search widget? ## Add a search bar to help users find sermons quickly. 1\. The Search widget allows you to quickly find specific posts or content within the Sermons posts. Drag and drop the Search widget onto the page ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/cddde5d7-4d0d-4c6a-8264-a99b4a265733/ascreenshot.jpeg?tl_px=0,176&br_px=764,603&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=116,188) 2\. Select the Search widget to edit the settings described further ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/c0fc2fd0-2d06-46cf-add6-7579a564e21d/ascreenshot.jpeg?tl_px=1155,106&br_px=1920,534&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=188,214) 3\. If needed, [specify an anchor](https://success.ministrydesigns.help/how-to-create-a-page-anchor) in the Search widget. An anchor is a link that allows users to jump directly to search results without having to scroll. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/f1da793c-c60b-45f2-9a02-8c724ad72b6a/ascreenshot.jpeg?tl_px=1155,126&br_px=1920,553&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=490,188) 4\. Select the "Synchronize with Filters" checkbox if you need to combine the results with the [Search Filters widget](https://success.ministrydesigns.help/how-to-use-sermons-search-filters-widget). The Search widget will only display the results that match the Search Filters widget's results ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/b6ac3ed3-47ed-466f-82cc-43e0ae5921c0/ascreenshot.jpeg?tl_px=1155,173&br_px=1920,600&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=485,188) 5\. If needed, you can rename the search input placeholder to something else ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/a61153e3-f6ee-4774-945c-d40a7c123878/ascreenshot.jpeg?tl_px=1155,81&br_px=1920,508&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=537,188) 6\. Click the pencil icon if you need to change the search icon. If you need to delete it, click the bin icon ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/f4bb838e-d43c-4444-b1c5-346a8770b303/ascreenshot.jpeg?tl_px=1155,131&br_px=1920,558&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=550,281) 7\. Use the toggle button to enable/disable the search button. If disabled, search can be done by using the "Enter" key on the keyboard. If enabled, specify the Button Text and the Layout (Horizontal or Vertical) ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/8f3aab6f-b6ab-4ecd-8452-7d895b5c45cc/ascreenshot.jpeg?tl_px=1155,133&br_px=1920,560&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=539,188) 8\. If the Vertical layout is selected, you can specify the Alignment of the submit button for the different devices. Click the device icons to change it. You can also specify the spacing between the field and the button. It can be 0, small, medium, large ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/c413c6af-e6b4-4bab-ab21-eb0a55084d77/ascreenshot.jpeg?tl_px=1155,175&br_px=1920,602&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=479,116) The rest of the features here - Spacing, Visible On, and Animation are common features in most widgets in the website builder. Please refer to [this guide](https://success.ministrydesigns.help/what-are-the-shared-features-in-the-website-builder) for more information on these features. 9\. Switch to the Design tab ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/6b1b4069-725d-4dbc-86eb-9e2f2bc05828/ascreenshot.jpeg?tl_px=1155,0&br_px=1920,427&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=657,188) 10\. Select a Preset for the Search widget from the dropdown. Presets are predefined designs that allow users to quickly apply a specific style or layout to a widget. You can customize the preset style in the [Design section](https://success.ministrydesigns.help/how-do-you-edit-presets-in-widgets) You can also select Preset for the Button and the Button Size ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/9f07a938-ef73-4c5b-bc89-3ed65f5d7128/ascreenshot.jpeg?tl_px=1155,138&br_px=1920,565&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=579,152) 11\. Click "Save" to confirm the changes ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-07/881a6ae1-a33c-402f-9afa-9f8f215669e3/ascreenshot.jpeg?tl_px=1155,59&br_px=1920,486&force_format=jpeg&q=100&width=764&wat_scale=68&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=685,16) - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,