{"id":1732,"date":"2022-01-07T09:17:15","date_gmt":"2022-01-07T09:17:15","guid":{"rendered":"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1732"},"modified":"2022-01-17T06:25:28","modified_gmt":"2022-01-17T06:25:28","slug":"how-to-customize-search-experience","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/SearchAssist\/design-search-experience\/how-to-customize-search-experience\/","title":{"rendered":"How to Customize Search Experience"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><span style=\"font-weight: 400;\">Configuration<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To access the Search Interface and customize it, take the following steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click the <\/span><b>Indices <\/b><span style=\"font-weight: 400;\">tab on the top.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the left pane, under the <\/span><b>Search Experience <\/b><span style=\"font-weight: 400;\">section, click <\/span><b>Search Interface<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Search Interface page, by default, the <\/span><b>Experience <\/b><span style=\"font-weight: 400;\">section is displayed.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select an option: <\/span>\n<ul>\n<li style=\"font-weight: 400;\"><i><span style=\"font-weight: 400;\">Search Bar<\/span><\/i><span style=\"font-weight: 400;\">\u00a0\u2013 Search bar at the top<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_searchbar_top-down.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1964 size-large\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_searchbar_top-down-1024x402.png\" alt=\"\" width=\"640\" height=\"251\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_searchbar_top-down-1024x402.png 1024w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_searchbar_top-down-300x118.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_searchbar_top-down.png 1721w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><i><span style=\"font-weight: 400;\">Assistant<\/span><\/i><span style=\"font-weight: 400;\"> \u2013 Search bar at the bottom <a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_Assistant_bottom-up.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1965 size-large\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_Assistant_bottom-up-1024x363.png\" alt=\"\" width=\"640\" height=\"227\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_Assistant_bottom-up-1024x363.png 1024w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_Assistant_bottom-up-300x106.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_Assistant_bottom-up.png 1907w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Next<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">On the <\/span><b>Search Widget<\/b><span style=\"font-weight: 400;\"> section:<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the <\/span><b>Search Box Customization<\/b><span style=\"font-weight: 400;\"> section, you can make changes to the search box.<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/DSE_search_interface_experience2_search-widget3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1967 size-medium\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/DSE_search_interface_experience2_search-widget3-300x198.png\" alt=\"\" width=\"300\" height=\"198\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/DSE_search_interface_experience2_search-widget3-300x198.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/DSE_search_interface_experience2_search-widget3.png 810w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0<\/span>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click in the search text box to update the placeholder text and the text color.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click in the search box to update the border color and the fill color\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hover the mouse over the <\/span><b>Search<\/b><span style=\"font-weight: 400;\"> icon in the search box customization field, then see <\/span><b>Edit<\/b><span style=\"font-weight: 400;\"> icon.\u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on the <\/span><b>Edit<\/b><span style=\"font-weight: 400;\">\u00a0 the search icon icon to Upload Icon of your choice to replace the default icon. You can upload an image measuring 26\u00d726 pixels under 5kb size.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click\u00a0 <\/span><b>Button<\/b><span style=\"font-weight: 400;\"> to Add button. You can change <\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Show or hide button <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Placement of the button \u2013 outside or inside the search bar<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Text displayed on the button (total of 5 characters)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Text color, button fill color, and button border color.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\">Click <b>Next<\/b>.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the <\/span><b>Interactions<\/b><span style=\"font-weight: 400;\"> section:<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_interactions1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1968 size-large\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_interactions1-1024x492.png\" alt=\"\" width=\"640\" height=\"308\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_interactions1-1024x492.png 1024w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_interactions1-300x144.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/01\/design-experience_interactions1.png 1655w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter a message to be displayed as the greeting message, in the <\/span><b>Customize Greeting Message<\/b><span style=\"font-weight: 400;\"> box.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Turn the <\/span><b>Show Recent Searches <\/b>toggle on or off as required.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Turn on or off the <\/span><b>Auto-complete <\/b><span style=\"font-weight: 400;\">toggle. This option auto-completes the search text as the user is typing.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under <\/span><b>Query Suggestions<\/b><span style=\"font-weight: 400;\">, set the slider between to decide the number of query suggestions to be displayed.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under <\/span><b>Live Search Results<\/b><span style=\"font-weight: 400;\">, set the slider to decide the number of live search results to be displayed.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Done<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-post-elm post_navigation layout_simple inv_false\"><a class=\"post_navigation-item order_first to_prev\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/how-to\/how-to-do-associated-actions-on-experiments\/\" title=\"How to do Associated Actions on Experiments\"><div class=\"post_navigation-item-arrow\"><\/div><div class=\"post_navigation-item-meta\">Previous Post<\/div><div class=\"post_navigation-item-title\"><span>How to do Associated Actions on Experiments<\/span><\/div><\/a><a class=\"post_navigation-item order_second to_next\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/design-search-experience\/how-to-customize-results-views\/\" title=\"How to Customize Results Views\"><div class=\"post_navigation-item-arrow\"><\/div><div class=\"post_navigation-item-meta\">Next Post<\/div><div class=\"post_navigation-item-title\"><span>How to Customize Results Views<\/span><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Configuration To access the Search Interface and customize it, take the following steps: Click the Indices tab on the top. On the left pane, under the Search Experience section, click Search Interface. On the Search Interface page, by default, the Experience section is displayed.\u00a0 Select an option: Search Bar\u00a0\u2013 Search bar at the top Assistant...","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1732"}],"collection":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/comments?post=1732"}],"version-history":[{"count":9,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1732\/revisions"}],"predecessor-version":[{"id":2552,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1732\/revisions\/2552"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/media?parent=1732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/categories?post=1732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/tags?post=1732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}