{"id":874,"date":"2021-05-25T06:55:19","date_gmt":"2021-05-25T06:55:19","guid":{"rendered":"https:\/\/multisite.korebots.com\/SearchAssist\/?p=874"},"modified":"2021-06-28T07:06:48","modified_gmt":"2021-06-28T07:06:48","slug":"interface","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/SearchAssist\/search-experience\/interface\/","title":{"rendered":"Search Interface"},"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>The Search Interface is a graphical user interface used by the search users to pose their queries. SearchAssist allows you to customize this user interface.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Highlights\"><\/span>Highlights<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You can customize the interface in three different aspects:<\/p>\n<ol>\n<li><strong>Experience<\/strong> &#8211; You can choose the position of the search bar, this would also dictate the result types presented to the user.\n<ul>\n<li><strong>Top-down experience<\/strong> will position the Search Bar at the top of the chat 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 <strong>live search<\/strong> results are displayed as a drop-down list and the <strong>full page results<\/strong> are given on the page itself. The user can either select an option from the live search drop-down list or browse through the full results page.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_topdown.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1330\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_topdown.png\" alt=\"\" width=\"697\" height=\"396\" \/><\/a><\/li>\n<li><strong>Bottom-up experience<\/strong> 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 bot\u2019s help to perform actions like pay bills, etc. at the top or bottom of the chat window.<br \/>\nIn this case, the <strong>live search<\/strong> results are displayed as the user types the query and the <strong>conversational search<\/strong> results are displayed in the chat window. Users can select an option from the live search list or browse the options given in the conversational search results. Apart from this, the user will be presented with an option to view the <strong>full page results<\/strong>, to see the entire search results on a slide-out page.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_bottomup.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1331\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_bottomup.png\" alt=\"\" width=\"698\" height=\"396\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li><strong>Search Widget<\/strong> includes customization of the search bar. These include:\n<ul>\n<li><strong>Placeholder Text<\/strong> inside the search bar, <strong>text<\/strong> color<\/li>\n<li>Search bar <b>border <\/b>color, search <strong>Icon<br \/>\n<\/strong><\/li>\n<li>Search <strong>Button<\/strong> customization<\/li>\n<\/ul>\n<\/li>\n<li><strong>Interactions<\/strong> &#8211; The user experience with the search interface can be improved by configuring various interactions.\n<ul>\n<li><strong>Greeting message<\/strong> is displayed on the launch of the search bar, a total of 60 characters allowed and you can set the color of the text.<\/li>\n<li><strong>Show Searches<\/strong> option can be enabled for the user to see their previous queries. These queries appear 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.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/frequent_searches.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1354\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/frequent_searches.png\" alt=\"\" width=\"337\" height=\"273\" \/><\/a><\/li>\n<li><strong>Auto-complete<\/strong> option can be enabled to save the user time and effort by predicting the rest of the word as they are typing a query.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/auto_complete.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1355\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/auto_complete.png\" alt=\"\" width=\"563\" height=\"104\" \/><\/a><\/li>\n<li><strong>Query Suggestion<\/strong> reduces 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.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/query_suggestion.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1356\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/query_suggestion.png\" alt=\"\" width=\"414\" height=\"154\" \/><\/a><\/li>\n<li><strong>Live Search Results<\/strong> 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.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/livesearch_suggestion.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1357\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/livesearch_suggestion.png\" alt=\"\" width=\"443\" height=\"331\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Configuration\"><\/span><span id=\"Access_Search_Interface\" class=\"ez-toc-section\">Configuration<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To access the Search Interface and customize it, follow the below 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.<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_exp.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1323\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_exp.png\" alt=\"\" width=\"1123\" height=\"703\" \/><\/a><\/li>\n<li>Select an option:\n<ul>\n<li><em>Top-Down<\/em> \u2013 Search bar at the top<\/li>\n<li><em>Bottom-Up<\/em> \u2013 Search bar at the bottom<\/li>\n<\/ul>\n<\/li>\n<li>Click\u00a0<b>Next<\/b>.<\/li>\n<li>On the <strong>Search Widget<\/strong> section:\n<ol>\n<li>In the\u00a0<b>Search Box Customization<\/b>\u00a0section, you can make changes to the search box.\n<ul>\n<li>Click in the search text box to update the\u00a0<b>placeholder text<\/b>\u00a0and the\u00a0<strong>text color<\/strong>.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1316\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget1.png\" alt=\"\" width=\"883\" height=\"340\" \/><\/a><\/li>\n<li>Click in the search box to update the border color and the\u00a0<b>fill color<\/b><br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1317\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget2.png\" alt=\"\" width=\"987\" height=\"355\" \/><\/a><\/li>\n<li>Click on the search icon to\u00a0<strong>Upload Icon<\/strong> of your choice to replace the default icon. You can upload an image measuring 26&#215;26 pixels.<strong><br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1318\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget3.png\" alt=\"\" width=\"881\" height=\"434\" \/><\/a><br \/>\n<\/strong><\/li>\n<li>Click on the Button to\u00a0<strong>Add button<\/strong>. You can change\n<ul>\n<li>Show or hide button<\/li>\n<li>Placement of the button &#8211; 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.<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget4-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1320\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget4-1.png\" alt=\"\" width=\"853\" height=\"569\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li>Click\u00a0<b>Next<\/b>.<\/li>\n<li>On the <strong>Interactions<\/strong> section:\n<ol>\n<li>Enter a message to be displayed as the greeting message, in the <b>Customize Greeting Message<\/b>\u00a0box.<\/li>\n<li>Enable to <b>Show Searches<\/b> and select an option:\n<ul>\n<li><strong>Frequent<\/strong> \u2013 Frequent searches done by users,<\/li>\n<li><strong>Recent<\/strong> \u2013 Recent searches done by the user.<\/li>\n<\/ul>\n<\/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 be displayed.<\/li>\n<li>Under <b>Live Search Results<\/b>, set the slider to decide the number of live search results be displayed.<\/li>\n<\/ol>\n<p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1321\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/searchinterface_widget5.png\" alt=\"\" width=\"701\" height=\"827\" \/><\/a><\/li>\n<li>Click\u00a0<b>Done<\/b>.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>[vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJ3LXBvc3QtZWxtJTIwcG9zdF9uYXZpZ2F0aW9uJTIwbGF5b3V0X3NpbXBsZSUyMGludl9mYWxzZSUyMiUzRSUwQSUwOSUzQ2ElMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtJTIwb3JkZXJfZmlyc3QlMjB0b19wcmV2JTIyJTIwaHJlZiUzRCUyMiUyRlNlYXJjaEFzc2lzdCUyRnNlYXJjaC1leHBlcmllbmNlJTJGZGVzaWduLXNlYXJjaC1leHBlcmllbmNlJTJGJTIyJTNFJTNDJTJGcCUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tYXJyb3clMjIlM0UlM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtLW1ldGElMjIlM0VQcmV2aW91cyUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tdGl0bGUlMjIlM0UlM0NzcGFuJTNFRGVzaWduJTIwU2VhcmNoJTIwRXhwZXJpZW5jZSUzQyUyRnNwYW4lM0UlM0MlMkZkaXYlM0UlMEElM0NwJTNFJTNDJTJGYSUzRSUzQ2JyJTIwJTJGJTNFJTBBJTNDYSUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0lMjBvcmRlcl9zZWNvbmQlMjB0b19uZXh0JTIyJTIwaHJlZiUzRCUyMiUyRlNlYXJjaEFzc2lzdCUyRnNlYXJjaC1leHBlcmllbmNlJTJGcmVzdWx0LXRlbXBsYXRlcyUyRiUyMiUzRSUzQyUyRnAlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtLWFycm93JTIyJTNFJTNDJTJGZGl2JTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJwb3N0X25hdmlnYXRpb24taXRlbS1tZXRhJTIyJTNFTmV4dCUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tdGl0bGUlMjIlM0UlM0NzcGFuJTNFUmVzdWx0cyUyMFRlbXBsYXRlcyUzQyUyRnNwYW4lM0UlM0MlMkZkaXYlM0UlMEElM0NwJTNFJTNDJTJGYSUzRSUzQyUyRmRpdiUzRQ==[\/vc_raw_html]<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"The Search Interface is a graphical user interface used by the search users to pose their queries. SearchAssist allows you to customize this user interface. Highlights You can customize the interface in three different aspects: Experience &#8211; You can choose the position of the search bar, this would also dictate the result types presented to...","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/874"}],"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\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":19,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"predecessor-version":[{"id":1210,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/874\/revisions\/1210"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/tags?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}