{"id":60384,"date":"2016-09-27T07:59:47","date_gmt":"2016-09-27T07:59:47","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=60384"},"modified":"2025-10-27T07:35:55","modified_gmt":"2025-10-27T07:35:55","slug":"magento2-search-suggestion","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/","title":{"rendered":"Guide of Magento 2 Search Suggestion Module"},"content":{"rendered":"<p align=\"LEFT\"><a href=\"https:\/\/store.webkul.com\/Search-Suggestion-Magento2.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Search Suggestion<\/a> module provides immediate search results. It shows results while you are still typing and gives suggestions for Magento 2 store products.<\/p>\n<p align=\"LEFT\">Products are shown with images, product names, and prices.<\/p>\n<p align=\"LEFT\">Thus, enhancing customer engagement in the store as they are not having a tough time searching for a product. It helps in reducing the bounce rate of the store.<\/p>\n<p align=\"LEFT\">Also, if you want to enhance your store with the AI-powered image search for products, you can check <a href=\"https:\/\/store.webkul.com\/magento2-ai-image-search.html\" target=\"_blank\" rel=\"noopener\">Magento 2 AI Image Search<\/a>.<\/p>\n<p align=\"LEFT\">You can also check our <a href=\"https:\/\/store.webkul.com\/magento2-semantic-search.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Semantic Search<\/a> extension if you want to enhance your store with searching functionality for products using natural language queries.<\/p>\n<p align=\"LEFT\">Watch the video tutorial below to understand the Magento 2 Search Autocomplete extension workflow:<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"OV3iEdjvQs0\">\n<div class=\"components-placeholder__instructions\">OV3iEdjvQs0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Features<\/h3>\n<ul>\n<li>The results are displayed immediately while still typing.<\/li>\n<li>Open source code and fully customizable.<\/li>\n<li>Ability to display matched products name with category.<\/li>\n<li>Shows popular products based on Ratings.<\/li>\n<li>Highlighting of the keyword in the search result.<\/li>\n<li>It is very easy to configure and handy to use.<\/li>\n<li>The extension is fully compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\">Hyva Theme<\/a>.<\/li>\n<li>Layout 1 (Fixed Width) and Layout 2 (Full Width) can be managed by Ctrl + k and ESC button.<\/li>\n<li>The search Suggestion module utilizes Elasticsearch to get search results data or whichever search engine configured on admin configurations.<\/li>\n<\/ul>\n<h3 class=\"panel-title\">Installation<\/h3>\n<p>Customers will get a <strong>zip folder<\/strong> and they have to extract the contents of this zip folder on their system.<\/p>\n<p>The extracted folder has an<strong> src<\/strong> folder, inside the src folder you have the <strong>app<\/strong> folder.<\/p>\n<p>So, you need to transfer this <strong>app<\/strong> folder into the Magento2 root directory on the server as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-381865\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation.png\" alt=\"m2_installation\" width=\"1855\" height=\"697\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation.png 1855w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation-1200x451.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation-768x289.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/m2_installation-1536x577.png 1536w\" sizes=\"(max-width: 1855px) 100vw, 1855px\" loading=\"lazy\" \/><\/p>\n<p>After the successful installation, you have to run these commands in the\u00a0Magento2 root directory.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:upgrade<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:di:compile<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:static-content:deploy<\/pre>\n<p>After running the commands, you have to flush the cache from the Adobe Commerce admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong> as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Search Suggestion For Magento2\" loading=\"lazy\" \/><\/a><\/p>\n<div class=\"panel-heading\">\n<div>\n<h3 id=\"multi-lingual-configuration\" class=\"panel-title copy-index\">Multi-Lingual Configuration &#8211; Adobe Commerce 2 Search Suggestion<\/h3>\n<\/div>\n<\/div>\n<p>The admin can select your desired language from the Locale option.\u00a0 Also, for Multilingual support from the Magento admin panel navigate through Configuration&gt;General &gt;Locale Options.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432731\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1.webp\" alt=\"configuration\n\n\" width=\"1528\" height=\"786\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1.webp 1528w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1-300x154.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1-1200x617.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1-250x129.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/1253911-1-768x395.webp 768w\" sizes=\"(max-width: 1528px) 100vw, 1528px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"panel-title\">Language Translation<\/h3>\n<p>If you need to do the module translation, follow the path from navigation in your system. <strong>app\/code\/Webkul\/SearchSuggestion\/i18n<\/strong>. Open the file named <strong>en_US.CSV<\/strong> for editing as per below image:<\/p>\n<p><img decoding=\"async\" class=\"alignnone  wp-image-432739\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang.webp\" alt=\"module translation\" width=\"1078\" height=\"280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang.webp 1513w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang-300x78.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang-1200x312.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang-250x65.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lang-768x199.webp 768w\" sizes=\"(max-width: 1078px) 100vw, 1078px\" loading=\"lazy\" \/><\/p>\n<p>When the file is open for editing, replace the words after the <strong>comma(,)<\/strong> on the right with your translated words.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432740\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code.webp\" alt=\"translated words\" width=\"1276\" height=\"640\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code.webp 1276w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/code-768x385.webp 768w\" sizes=\"(max-width: 1276px) 100vw, 1276px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"panel-title\">Module Configuration &#8211; Adobe Commerce 2 Search Suggestion<\/h3>\n<p>After the successful installation of the module, you need to go to <strong>Stores -&gt; Configuration<\/strong> and select the <strong>Search Suggestion<\/strong> option under<strong> Webkul<\/strong> Tab.<\/p>\n<p>Also, the admin can navigate from Store &gt; click on Search Suggestion menu option on side panel\u00a0 &gt; Settings<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432753\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion.webp\" alt=\"search suggestion\" width=\"1342\" height=\"529\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion.webp 1342w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion-300x118.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion-1200x473.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion-250x99.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/searchsuggestion-768x303.webp 768w\" sizes=\"(max-width: 1342px) 100vw, 1342px\" loading=\"lazy\" \/><\/p>\n<p>So, the admin can set various options for search suggestions like &#8211;<\/p>\n<ul>\n<li>show terms,<\/li>\n<li>show products,<\/li>\n<li>display products,<\/li>\n<li>display categories,<\/li>\n<li>the number of products, etc.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-432258 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1.webp\" alt=\"Module Configuration\" width=\"1350\" height=\"759\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1.webp 1350w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Configuration-Settings-Stores-Magento-Admin-1-768x432.webp 768w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" loading=\"lazy\" \/><\/p>\n<p><strong>Show- <\/strong><\/p>\n<ul>\n<li><strong>Terms: <\/strong>The admin\u00a0can set any number of Terms\u00a0to show terms in search suggestions.<\/li>\n<li><strong>Products:<\/strong>\u00a0Admin can set any number of Products to show products in search suggestions.<\/li>\n<\/ul>\n<p><strong>Display-<\/strong><\/p>\n<ul>\n<li><strong>Terms:<\/strong> Admin can set Display \u00a0Terms as Yes or No.<\/li>\n<li><strong>Terms Number:<\/strong> Admin can set Display Terms Number as Yes or No.<\/li>\n<li><strong>Product:<\/strong> Admin can set Display Products as Yes or No.<\/li>\n<li><strong>Categories:<\/strong>\u00a0Admin can set Display Products as Yes or No.<\/li>\n<\/ul>\n<p><strong>Layout Terms &#8211;<\/strong><\/p>\n<p>The admin can select layout for the frontend .<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432269\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/layout-.webp\" alt=\"layout\" width=\"1185\" height=\"355\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/layout-.webp 1185w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/layout--300x90.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/layout--250x75.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/layout--768x230.webp 768w\" sizes=\"(max-width: 1185px) 100vw, 1185px\" loading=\"lazy\" \/><\/p>\n<ul>\n<li>Default : Admin can set default search option for frontend.<\/li>\n<li>Layout 1 (Fixed Width) : Admin can set search suggestion which will appear in vertical form.<\/li>\n<li>Layout 2 (Full Width)\u00a0 : Admin can set search suggestion which will appear in horizontal\u00a0 form.<\/li>\n<\/ul>\n<p>Moreover, for refined search results, you can also install <a href=\"https:\/\/store.webkul.com\/magento2-layered-navigation.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Layered Navigation Extension<\/a>.<\/p>\n<h3 class=\"panel-title\">Magento 2 Search Suggestion &#8211; Storefront View<\/h3>\n<p>Search suggestions will be displayed on the frontend as per the admin&#8217;s configuration.<\/p>\n<p>In search bar, the customer can input keywords for product and accordingly the suggestions will display.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-432293 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa.webp\" alt=\"default \" width=\"1282\" height=\"510\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa.webp 1282w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa-300x119.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa-1200x477.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa-250x99.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/defa-768x306.webp 768w\" sizes=\"(max-width: 1282px) 100vw, 1282px\" loading=\"lazy\" \/><\/p>\n<h4>Layout 1 (Fixed Width)\u00a0 :<\/h4>\n<p>When admin sets layout 1 the frontend display as per the image below :<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full-size wp-image-432297\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1.webp\" alt=\"Homepage in layout 1\" width=\"1264\" height=\"572\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1.webp 1264w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1-1200x543.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1-250x113.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-in-layout-1-1-768x348.webp 768w\" sizes=\"(max-width: 1264px) 100vw, 1264px\" loading=\"lazy\" \/><\/p>\n<p>When the customer clicks on the search bar without any keyword then it will be displayed popular products based on ratings as per the below image :<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432306\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/without-kyword-layout.webp\" alt=\"without kyword layout\" width=\"1143\" height=\"529\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/without-kyword-layout.webp 1143w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/without-kyword-layout-300x139.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/without-kyword-layout-250x116.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/without-kyword-layout-768x355.webp 768w\" sizes=\"(max-width: 1143px) 100vw, 1143px\" loading=\"lazy\" \/><\/p>\n<p>Also, customer enter the keyword for product in the search bar then relevant product option will display.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432307\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/with-keyword.webp\" alt=\"with keyword\" width=\"1144\" height=\"518\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/with-keyword.webp 1144w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/with-keyword-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/with-keyword-250x113.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/with-keyword-768x348.webp 768w\" sizes=\"(max-width: 1144px) 100vw, 1144px\" loading=\"lazy\" \/><\/p>\n<h4>Layout 2 (Full Width) :<\/h4>\n<p>The front end will look slightly different from Layout 1 (Fixed Width) in this layout.\u00a0 The search bar will appear differently from Layout 1 (Fixed Width) as per the below image :<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432327\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-layout-2-1.webp\" alt=\"Homepage layout 2\" width=\"1124\" height=\"431\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-layout-2-1.webp 1124w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-layout-2-1-300x115.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-layout-2-1-250x96.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Homepage-layout-2-1-768x294.webp 768w\" sizes=\"(max-width: 1124px) 100vw, 1124px\" loading=\"lazy\" \/><\/p>\n<p>This command helps to write static files to the Magento 2 file system. It uses to optimize static files properly, allowing for a better user experience.This command helps to write static files to the Magento 2 file system. It uses to optimize static files properly, allowing for a better user experience.After clicking the search bar, the trending categories searches will be displayed on the homepage. All the suggestions will appear horizontally as per the below image :<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432326\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1.webp\" alt=\"homepage in l2\" width=\"1336\" height=\"536\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1.webp 1336w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1-300x120.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1-1200x481.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1-250x100.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/homepage-in-l2-1-768x308.webp 768w\" sizes=\"(max-width: 1336px) 100vw, 1336px\" loading=\"lazy\" \/><\/p>\n<p>When the customer will enter the keyword in the search bar , then keyword will be shown with the\u00a0possibility of product category\u00a0 and product as per below image:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-432349\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion.webp\" alt=\"search suggestion \" width=\"1361\" height=\"560\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion.webp 1361w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion-300x123.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion-1200x494.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion-250x103.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/search-suggestion-768x316.webp 768w\" sizes=\"(max-width: 1361px) 100vw, 1361px\" loading=\"lazy\" \/><\/p>\n<p>So, that\u2019s all for the Magento 2 (Adobe Commerce) Search Suggestion.<\/p>\n<p>If you still have any issues feel free to add a ticket and let us know your views to make the module better at <a href=\"https:\/\/webkul.uvdesk.com\/en\/\">Webkul Support System<\/a>.<\/p>\n<p>Also, to further enhance your e-commerce site search experience and display search results more quickly and accurately, make sure to check out <a href=\"https:\/\/store.webkul.com\/Magento2-Elasticsearch.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Elasticsearch<\/a>. You may also check our quality\u00a0<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Extensions<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Search Suggestion module provides immediate search results. It shows results while you are still typing and gives suggestions for Magento 2 store products. Products are shown with images, product names, and prices. Thus, enhancing customer engagement in the store as they are not having a tough time searching for a product. It helps <a href=\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":117,"featured_media":61479,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,1],"tags":[3674],"class_list":["post-60384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","category-uncategorized","tag-search-suggestion-for-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide of Magento 2 Search Suggestion Module<\/title>\n<meta name=\"description\" content=\"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide of Magento 2 Search Suggestion Module\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-27T07:59:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-27T07:35:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rishabh Beniwal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rishabh Beniwal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\"},\"author\":{\"name\":\"Rishabh Beniwal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/41af3bb75914776b47e3751622e8f04b\"},\"headline\":\"Guide of Magento 2 Search Suggestion Module\",\"datePublished\":\"2016-09-27T07:59:47+00:00\",\"dateModified\":\"2025-10-27T07:35:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\"},\"wordCount\":919,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png\",\"keywords\":[\"Search Suggestion For Magento2\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\",\"name\":\"Guide of Magento 2 Search Suggestion Module\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png\",\"datePublished\":\"2016-09-27T07:59:47+00:00\",\"dateModified\":\"2025-10-27T07:35:55+00:00\",\"description\":\"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide of Magento 2 Search Suggestion Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/41af3bb75914776b47e3751622e8f04b\",\"name\":\"Rishabh Beniwal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb96cf7e9d3b296ee199da1b6daa6da03065402ae824279824045b080f825091?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb96cf7e9d3b296ee199da1b6daa6da03065402ae824279824045b080f825091?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rishabh Beniwal\"},\"sameAs\":[\"http:\/\/webkul.com\/blog\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/rishabh-beniwal138\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide of Magento 2 Search Suggestion Module","description":"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/","og_locale":"en_US","og_type":"article","og_title":"Guide of Magento 2 Search Suggestion Module","og_description":"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.","og_url":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-09-27T07:59:47+00:00","article_modified_time":"2025-10-27T07:35:55+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png","type":"image\/png"}],"author":"Rishabh Beniwal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rishabh Beniwal","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/"},"author":{"name":"Rishabh Beniwal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/41af3bb75914776b47e3751622e8f04b"},"headline":"Guide of Magento 2 Search Suggestion Module","datePublished":"2016-09-27T07:59:47+00:00","dateModified":"2025-10-27T07:35:55+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/"},"wordCount":919,"commentCount":3,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png","keywords":["Search Suggestion For Magento2"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/","url":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/","name":"Guide of Magento 2 Search Suggestion Module","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png","datePublished":"2016-09-27T07:59:47+00:00","dateModified":"2025-10-27T07:35:55+00:00","description":"Magento 2 Search Suggestion extension shows immediate search results and autocompletes as the customer types or searches on store.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-search-suggestion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Search-Suggestion-1.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-search-suggestion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide of Magento 2 Search Suggestion Module"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/41af3bb75914776b47e3751622e8f04b","name":"Rishabh Beniwal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb96cf7e9d3b296ee199da1b6daa6da03065402ae824279824045b080f825091?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb96cf7e9d3b296ee199da1b6daa6da03065402ae824279824045b080f825091?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rishabh Beniwal"},"sameAs":["http:\/\/webkul.com\/blog"],"url":"https:\/\/webkul.com\/blog\/author\/rishabh-beniwal138\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/60384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=60384"}],"version-history":[{"count":70,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/60384\/revisions"}],"predecessor-version":[{"id":510595,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/60384\/revisions\/510595"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/61479"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=60384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=60384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=60384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}