{"id":541,"date":"2021-05-15T15:20:20","date_gmt":"2021-05-15T15:20:20","guid":{"rendered":"https:\/\/multisite.korebots.com\/SearchAssist\/?p=541"},"modified":"2021-06-28T07:07:30","modified_gmt":"2021-06-28T07:07:30","slug":"result-templates","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/SearchAssist\/search-experience\/result-templates\/","title":{"rendered":"Result Templates"},"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;\">SearchAssist allows you to customize the Result Templates and the way in which the results should be displayed to the search user so that they always see the results in a more meaningful way.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can configure the Result template for the following result types (<a href=\"\/SearchAssist\/lifecycle\/design-search-experience\/interface\/\">see here for details<\/a> on search result types):<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Live Search<\/strong> displays the results as the user is typing the query. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Conversational Search<\/strong> displays the results in the chatbot with a link to view the full page results. This option is available only for the bottom-up search experience.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Full Page Results<\/strong> display the complete results, on the main page in case of top-down search experience or as a slide-out page when the user selects the option in case of bottom-up search experience.<\/span><\/li>\n<\/ul>\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=\"Features\"><\/span>Features<span class=\"ez-toc-section-end\"><\/span><\/h2>\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_2 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><strong>List Template<\/strong><\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_list1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1348\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_list1-599x1024.png\" alt=\"\" width=\"599\" height=\"1024\" \/><\/a><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><strong>List Template with Images<\/strong><\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_listimage.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1350\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_listimage-598x1024.png\" alt=\"\" width=\"598\" height=\"1024\" \/><\/a><\/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_2 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><b>Grid Template<\/b><\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_grid.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1351\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_grid-598x1024.png\" alt=\"\" width=\"598\" height=\"1024\" \/><\/a><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><b>Carousel Template<\/b><\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_carousel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1352\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultTemp_carousel-698x1024.png\" alt=\"\" width=\"698\" height=\"1024\" \/><\/a><\/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=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Following are the main customizations you can do for search results presentation:<\/p>\n<ol>\n<li><strong>Result Template<\/strong> can be set to be displayed as a:\n<ul>\n<li>List of cards (List Template 1),<\/li>\n<li>Plain list (List Template 2),<\/li>\n<li>Block of lists (List Template 3),<\/li>\n<li>Grid, or<\/li>\n<li>Carousel.<\/li>\n<\/ul>\n<\/li>\n<li>For the selected template you can set the <strong>Search Result Layout<\/strong> to one of the following:\n<ul>\n<li>Tiled layout with just the Text,<\/li>\n<li>Tiled layout with Image and text, you can specify the field for the image,<\/li>\n<li>Tiled layout with Centered Content, or<\/li>\n<li>Tiled layout with Header.<\/li>\n<\/ul>\n<\/li>\n<li>For each layout, you can <strong>map fields<\/strong> to be displayed on the various areas applicable in the search result layout, like:\n<ul>\n<li>Header,<\/li>\n<li>Description,<\/li>\n<li>URL, and<\/li>\n<li>Image.<\/li>\n<\/ul>\n<\/li>\n<li>The results can be static information or leading to a task or detailed pages, for this you can configure the results to be <strong>clickable<\/strong> or not:\n<ul>\n<li>If results are set to be clickable, the results will act as a link to the value in the field that is mapped to the URL. This is the default option for Grid and Carousal templates and is non-editable.<\/li>\n<li>Results can be set to be non-clickable for list templates. In such cases, the results will be presented in an expanded\/collapsed state depending on the content in the response.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text alignment<\/strong> for grid and carousel templates can be specified as left or right.<\/li>\n<li>Results can be <strong>classified<\/strong> based on a field. By default, the classification field is set to SourceType i.e the results will be categorized and displayed into Pages, FAQs, Actions, Structured Data, and Files. Currently, the classification field is non-editable.<\/li>\n<li>Based on the category, the following layouts are set by default, which you can retain or modify:\n<ul>\n<li>FAQ &#8211; Tile with Text,<\/li>\n<li>Pages &#8211; Tile with Image,<\/li>\n<li>Files &#8211; Tile with Header,<\/li>\n<li>Structured data &#8211; default template is not defined, you have to set a template,<\/li>\n<li>Bot Actions &#8211; Tile with Header, non-editable (<a href=\"\/SearchAssist\/app-management\/settings\/#Actions\" target=\"_blank\" rel=\"noopener noreferrer\">see here for customizing bot actions display<\/a>).<\/li>\n<\/ul>\n<\/li>\n<li>The <strong>order<\/strong> in which the results are presented can be set to:\n<ul>\n<li><em>Based on relevance<\/em> of the top most search result in each category.<\/li>\n<li><em>Custom<\/em> &#8211; You can drag and drop the categories in any preferred order.<\/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>Configuration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">To configure the Search Results Template, follow the below steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Templates page, by default, the <\/span>Live Search <span style=\"font-weight: 400;\">tab is selected. Choose the search result you want to configure &#8211; Live Search, Conversational, or Full Page Results.<br \/>\nNote: You cannot customize the Conversational Search for a <i>Top-Down<\/i> search experience.<br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You can configure from scratch or <\/span><b>Copy Configuration<\/b><span style=\"font-weight: 400;\"> of a previous setting<\/span><span style=\"font-weight: 400;\">\u00a0from the drop-down list.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under the <\/span><b>Results Classification<\/b><span style=\"font-weight: 400;\"> section, you can choose some other field for result classification. Currently, it is set to <em>dataContentType<\/em> field and is non-editable.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under the <\/span><b>Results Appearance<\/b><span style=\"font-weight: 400;\"> section, select an option:<\/span>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Order based on relevance<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Custom order<\/span><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Next, you can customize the template. Hover over the sample template and click <\/span><b>Customize<\/b><span style=\"font-weight: 400;\">.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_config.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1325\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_config.png\" alt=\"\" width=\"1149\" height=\"719\" \/><\/a><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Customize Template dialog box, select a template type from the <\/span><b>Template Type<\/b><span style=\"font-weight: 400;\"> drop-down list. For example, Grid or Carousel.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_custom1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1326\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_custom1.png\" alt=\"\" width=\"1089\" height=\"767\" \/><\/a><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under the <\/span><b>Search Result Layout<\/b><span style=\"font-weight: 400;\"> section, select an option like Tile with Text, Tile with Image, Tile with Centered Content, and Tile with Header.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Turn on the <\/span><b>Clickable <\/b><span style=\"font-weight: 400;\">radio button to search results clickable and map a field to the <\/span><b>URL<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under the <\/span><b>Search Result Mapping<\/b><span style=\"font-weight: 400;\"> section, map the fields for <\/span><b>Heading, <\/b><b>Description, Image<\/b> (where applicable)<span style=\"font-weight: 400;\">.<\/span><\/li>\n<li>You can\u00a0<strong>Preview<\/strong> the results templates.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">For Grid and Carousel templates, you can set the <\/span><b>Text Alignment<\/b><span style=\"font-weight: 400;\"> to <\/span><b>Left Aligned <\/b><span style=\"font-weight: 400;\">or <\/span><b>Center Aligned<\/b><span style=\"font-weight: 400;\">.<br \/>\n<a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_custom2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1327\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_custom2.png\" alt=\"\" width=\"1085\" height=\"765\" \/><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Save<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li>For Full Page Result, you can configure the Facet. Under the <strong>Facets<\/strong> section,\n<ul>\n<li>Enable or disable the facets, by turning on or off the toggle<\/li>\n<li>Once enabled you can set the position of the facet &#8211; left, right, or top.<\/li>\n<\/ul>\n<p><a ref=\"magnificPopup\" href=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_config2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1328\" src=\"http:\/\/docs.kore.ai\/searchassist\/wp-content\/uploads\/sites\/4\/2021\/05\/resultsTemplate_config2.png\" alt=\"\" width=\"1145\" height=\"711\" \/><\/a><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Save<\/b><span style=\"font-weight: 400;\">.<\/span><\/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]JTNDZGl2JTIwY2xhc3MlM0QlMjJ3LXBvc3QtZWxtJTIwcG9zdF9uYXZpZ2F0aW9uJTIwbGF5b3V0X3NpbXBsZSUyMGludl9mYWxzZSUyMiUzRSUwQSUwOSUzQ2ElMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtJTIwb3JkZXJfZmlyc3QlMjB0b19wcmV2JTIyJTIwaHJlZiUzRCUyMiUyRlNlYXJjaEFzc2lzdCUyRnNlYXJjaC1leHBlcmllbmNlJTJGaW50ZXJmYWNlJTJGJTIyJTNFJTNDJTJGcCUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tYXJyb3clMjIlM0UlM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtLW1ldGElMjIlM0VQcmV2aW91cyUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tdGl0bGUlMjIlM0UlM0NzcGFuJTNFU2VhcmNoJTIwSW50ZXJmYWNlJTNDJTJGc3BhbiUzRSUzQyUyRmRpdiUzRSUwQSUzQ3AlM0UlM0MlMkZhJTNFJTNDYnIlMjAlMkYlM0UlMEElM0NhJTIwY2xhc3MlM0QlMjJwb3N0X25hdmlnYXRpb24taXRlbSUyMG9yZGVyX3NlY29uZCUyMHRvX25leHQlMjIlMjBocmVmJTNEJTIyJTJGU2VhcmNoQXNzaXN0JTJGYW5hbHl0aWNzJTJGYW5hbHl0aWNzJTJGJTIyJTNFJTNDJTJGcCUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zdF9uYXZpZ2F0aW9uLWl0ZW0tYXJyb3clMjIlM0UlM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMnBvc3RfbmF2aWdhdGlvbi1pdGVtLW1ldGElMjIlM0VOZXh0JTNDJTJGZGl2JTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJwb3N0X25hdmlnYXRpb24taXRlbS10aXRsZSUyMiUzRSUzQ3NwYW4lM0VJbnNpZ2h0cyUyMCUyNiUyMEFuYWx5dGljcyUzQyUyRnNwYW4lM0UlM0MlMkZkaXYlM0UlMEElM0NwJTNFJTNDJTJGYSUzRSUzQyUyRmRpdiUzRQ==[\/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":"SearchAssist allows you to customize the Result Templates and the way in which the results should be displayed to the search user so that they always see the results in a more meaningful way. You can configure the Result template for the following result types (see here for details on search result types): Live Search...","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","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\/541"}],"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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":14,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/541\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/541\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/media?parent=541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/categories?post=541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/tags?post=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}