{"id":3106,"date":"2022-02-15T09:33:21","date_gmt":"2022-02-15T09:33:21","guid":{"rendered":"https:\/\/multisite.korebots.com\/SearchAssist\/?p=3106"},"modified":"2022-02-23T09:05:04","modified_gmt":"2022-02-23T09:05:04","slug":"customizing-search-experience","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/SearchAssist\/concepts\/managing-relevance\/customizing-search-experience\/","title":{"rendered":"Designing 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>SerachAssisst allows you to customize your user&#8217;s search experience up to a great extent. You can customize the search interface in three different aspects:<\/p>\n<ol>\n<li><b>Design Search Experience<\/b>: You can choose the position of the search bar, this choice would in turn\u00a0 decide how the display in which the results are presented to the user.\n<ul>\n<li><b>Search Bar\u00a0<\/b>\u00a0will position the Search Bar at the top of the window. This approach is used in e-commerce websites where search results are displayed from top to bottom in the search bar.<br \/>\nAs the user types a query, the\u00a0<b>live search<\/b>\u00a0results are displayed as a dropdown list and the\u00a0<b>full page results<\/b> are given on the page itself. The user can either select an option from the live search dropdown list or browse through the full results page<\/li>\n<li><b>Assistant\u00a0\u00a0<\/b>will position the Search Bar at the bottom of the chat window. This approach is generally used in banking and insurance websites where you want a virtual assistant to help perform actions like paying bills, etc. at the top or bottom of the chat window.\u00a0In this case, the live search results are displayed as the user types the query and the conversational search results are displayed in the chat window. Users can select an option from the\u00a0<b>live<\/b>\u00a0<b>search<\/b>\u00a0list or browse the options given in the conversational search results. Apart from this, the user will be presented with an option to view the\u00a0<b>full<\/b>\u00a0<b>page<\/b>\u00a0<b>results<\/b>, to see the entire search results on a\u00a0<b>slide-out<\/b> page<\/li>\n<\/ul>\n<\/li>\n<li><b>Configure with Search Widget: <\/b>\u00a0includes customization of the search bar. These include:\n<ul>\n<li><b>Placeholder Text<\/b>\u00a0inside the search bar,\u00a0<b>text<\/b>\u00a0color<\/li>\n<li>Search bar\u00a0<b>border\u00a0<\/b>color, search\u00a0<b>Icon\u00a0<\/b><\/li>\n<li>Search\u00a0<b>Button<\/b>\u00a0customization<\/li>\n<\/ul>\n<\/li>\n<li><b>Configure Interactions<\/b>: The user experience with the search interface can be improved by customizing various interactions.\n<ul>\n<li><b>Greeting message<\/b> is displayed on the launch of the search bar, a total of 60 characters allowed and you can set the color of the text. Enter your custom Greeting here, apply desired text and background colors<\/li>\n<li><b>Show Searches<\/b> option can be enabled for the user to see their previous queries. These queries pop up as cards in the search window as soon as the user selects the search bar. Options are to display either frequent searches or recent search displays<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Auto-complete option can be enabled to save the user time and effort by predicting the rest of the word as they are typing a query<\/li>\n<li>Query Suggestion reduces the user\u2019s time to search a query by providing suggestions. These suggestions would help users to enter long queries or select a query as they type. You can set the number of suggestions to be displayed from 0-3 for bottom-up experience, from 0-5 for a top-down experience. When used along with Live Search Results, the live search results appear at the background of the query suggestions and the user can scroll to browse the results<\/li>\n<li>Live Search Results enhance the user\u2019s search experience by showing the results while entering the query and allow the user to see search results without redirecting to the results page. You can set the number of results to be displayed from 0-5 for bottom-up experience, from 0-10 for a top-down experience. When used along with Query Suggestion, the live search results appear at the background of the query suggestions and the user can scroll to browse the results<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"vc_col-sm-12 wpb_column vc_column_container\">\n<div class=\"vc_column-inner\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column \">\n<h3><span class=\"ez-toc-section\" id=\"Configure_Search_Experience\"><\/span>Configure Search Experience<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-post-elm post_content\">\n<section class=\"l-section wpb_row height_auto width_full\">\n<div class=\"l-section-h i-cf\">\n<div class=\"g-cols vc_row type_default valign_top\">\n<div class=\"vc_col-sm-12 wpb_column vc_column_container\">\n<div class=\"vc_column-inner\">\n<div class=\"wpb_wrapper\">\n<div class=\"wpb_text_column \">\n<div class=\"wpb_wrapper\">\n<p>SearchAssist allows you to choose from two types of search experience and configure the settings within each as required.<\/p>\n<p>To access the Search Interface and customize it, take the following steps:<\/p>\n<ol>\n<li>Click the\u00a0<b>Indices\u00a0<\/b>tab on the top.<\/li>\n<li>On the left pane, under the\u00a0<b>Search Experience\u00a0<\/b>section, click\u00a0<b>Search Interface<\/b>.<\/li>\n<li>On the Search Interface page, by default, the\u00a0<b>Experience\u00a0<\/b>section is displayed.<\/li>\n<li>Select an option:\n<ul>\n<li><i>Search Bar<\/i> \u2013 Search bar at the top<\/li>\n<li><i>Assistant<\/i>\u00a0\u2013 Search bar at the bottom<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_searchbar_top-down.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3341 size-large\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_searchbar_top-down-1024x402.png\" alt=\"\" width=\"640\" height=\"251\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_searchbar_top-down-1024x402.png 1024w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_searchbar_top-down-300x118.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_searchbar_top-down.png 1721w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Click\u00a0<b>Next<\/b>.<\/li>\n<li>On the\u00a0<b>Search Widget<\/b>\u00a0section:\n<ul>\n<li>In the\u00a0<b>Search Box Customization<\/b>\u00a0section, you can make changes to the search box.<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/DSE_search_interface_experience2_search-widget3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3343 size-medium\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/DSE_search_interface_experience2_search-widget3-1-300x199.png\" alt=\"\" width=\"300\" height=\"199\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/DSE_search_interface_experience2_search-widget3-1-300x199.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/DSE_search_interface_experience2_search-widget3-1.png 810w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Click in the search text box to update the placeholder text and the text color.<\/li>\n<li>Click in the search box to update the border color and the fill color<\/li>\n<li>Hover the mouse over the\u00a0<b>Search<\/b>\u00a0icon in the search box customization field, then see\u00a0<b>Edit<\/b>\u00a0icon.<\/li>\n<li>Click on the\u00a0<b>Edit<\/b>\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.<\/li>\n<li>Click\u00a0\u00a0<b>Button<\/b>\u00a0to Add button. You can change\n<ul>\n<li>Show or hide button<\/li>\n<li>Placement of the button \u2013 outside or inside the search bar<\/li>\n<li>Text displayed on the button (total of 5 characters)<\/li>\n<li>Text color, button fill color, and button border color<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Click\u00a0<b>Next<\/b>.<\/li>\n<li>On the\u00a0<b>Interactions<\/b>\u00a0section:<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_interactions1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3344 size-large\" src=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_interactions1-1024x492.png\" alt=\"\" width=\"640\" height=\"308\" srcset=\"https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_interactions1-1024x492.png 1024w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_interactions1-300x144.png 300w, https:\/\/multisite.korebots.com\/SearchAssist\/wp-content\/uploads\/sites\/18\/2022\/02\/design-experience_interactions1.png 1656w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><br \/>\nEnter a message to be displayed as the greeting message, in the <b>Customize Greeting Message<\/b>\u00a0box.<\/p>\n<ul>\n<li>Turn the\u00a0<b>Show Recent Searches\u00a0<\/b>toggle on or off as required<\/li>\n<li>Turn on or off the\u00a0<b>Auto-complete\u00a0<\/b>toggle. This option auto-completes the search text as the user is typing<\/li>\n<li>Under\u00a0<b>Query Suggestions<\/b>, set the slider between to decide the number of query suggestions to be displayed<\/li>\n<li>Under\u00a0<b>Live Search Results<\/b>, set the slider to decide the number of live search results to be displayed<\/li>\n<\/ul>\n<\/li>\n<li>Click\u00a0<b>Done<\/b>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\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\/concepts\/managing-relevance\/configuring-search-configurations\/\" title=\"Configuring Search Fields\"><div class=\"post_navigation-item-arrow\"><\/div><div class=\"post_navigation-item-meta\">Previous Post<\/div><div class=\"post_navigation-item-title\"><span>Configuring Search Fields<\/span><\/div><\/a><a class=\"post_navigation-item order_second to_next\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/concepts\/designing-search-experience\/customizing-results-views\/\" title=\"Designing 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>Designing Results Views<\/span><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"SerachAssisst allows you to customize your user&#8217;s search experience up to a great extent. You can customize the search interface in three different aspects: Design Search Experience: You can choose the position of the search bar, this choice would in turn\u00a0 decide how the display in which the results are presented to the user. Search...","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[83],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/3106"}],"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=3106"}],"version-history":[{"count":10,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/3106\/revisions"}],"predecessor-version":[{"id":3575,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/3106\/revisions\/3575"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/media?parent=3106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/categories?post=3106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/tags?post=3106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}