{"id":4489,"date":"2022-11-29T16:14:50","date_gmt":"2022-11-29T16:14:50","guid":{"rendered":"https:\/\/www.prefixbox.com\/blog\/?p=4489"},"modified":"2024-10-14T10:08:16","modified_gmt":"2024-10-14T10:08:16","slug":"testing-shopware-site-search-autocomplete","status":"publish","type":"post","link":"https:\/\/www.prefixbox.com\/blog\/testing-shopware-site-search-autocomplete\/","title":{"rendered":"Testing Shopware: An In-Depth Look at the Open-Source Platform\u2019s Site Search\u00a0\u00a0"},"content":{"rendered":"\n<div class=\"wp-block-getwid-section alignfull post-header has-inner-blocks-gap-small getwid-section-content-custom-width\" style=\"margin-top:;margin-bottom:50px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-left-medium getwid-padding-right-medium\" style=\"padding-top:30px;padding-bottom:20px\"><div class=\"wp-block-getwid-section__inner-wrapper\" style=\"max-width:1140px\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\" style=\"opacity:0.2;mix-blend-mode:normal\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<h1 class=\"has-text-align-center\" id=\"gde484afd8037\">Testing Shopware: An In-Depth Look at the Open-Source Platform\u2019s Site Search<\/h1>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:30px\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns are-vertically-aligned-center\">\n<div class=\"wp-block-column is-vertically-aligned-top is-vertically-aligned-center\">\n<p class=\"intro-paragraph\">At Prefixbox, we want to ensure Ecommerce retailers offer the best possible online shopping experience, and this starts with search.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"intro-paragraph\">Many Ecommerce businesses set up their stores on Shopware, so we looked at its search functionality and created a guide <strong>to help you optimize Shopware for maximum performance<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In this guide, you\u2019ll find:&nbsp;<\/p>\n\n\n\n<ul class=\"white-highlight-list\"><li>Insight into Shopware\u2019s product import process&nbsp;<\/li><li>A checklist of essential search features (and an in-depth look at them)&nbsp;<\/li><li>Best practices to optimize your Shopware search solution&nbsp;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<p class=\"intro-paragraph\">Let\u2019s get started.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-image\"><figure class=\"alignright size-full\"><img loading=\"lazy\" width=\"500\" height=\"437\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/shopware-featured_no-background.png\" alt=\"Shopware Site Search Test Results\" class=\"wp-image-4583\" title=\"Shopware Site Search Test Results\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/shopware-featured_no-background.png 500w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/shopware-featured_no-background-300x262.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Shopware\u2019s <a href=\"https:\/\/dockware.io\/\" target=\"_blank\" rel=\"noopener\">Dockware PLAY<\/a> platform is the free, community-based version they offer. It has a basic search solution that takes time to set up, but the community behind it makes it possible to enhance and improve if you take the time to implement best practices and additional features.&nbsp;<\/p>\n\n\n\n<p>Below, <strong>we shared our experience using Shopware and outlined the steps you can take to optimize your store<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-table-of-contents is-style-default table-of-contents-toc\"><ul class=\"wp-block-getwid-table-of-contents__list\"><li><a href=\"#gc074e16e5450\">What is Shopware? A Quick Summary<\/a><\/li><li><a href=\"#g9b96bf224da8\">How Does Shopware\u2019s On-site Search Work and Perform?<\/a><ul><li><a href=\"#g58a056ba980e\">Preparing Shopware for Testing<\/a><\/li><li><a href=\"#g138687d1093e\">Importing a Large Number of Products Takes Time<\/a><\/li><li><a href=\"#g6c858ff1856d\">Batch Sizes Matter When Importing<\/a><\/li><li><a href=\"#gf78c87a4816e\">Matching Images to Products<\/a><\/li><li><a href=\"#gaa01db7ddc01\">Modifying the Design<\/a><\/li><li><a href=\"#g19de75d68e7c\">Shopware Set-Up Summary<\/a><\/li><\/ul><\/li><li><a href=\"#gc85b79a3121f\">Testing Shopware&#8217;s Search Features<\/a><ul><li><a href=\"#g8191c2a0d2cb\">Autocomplete<\/a><ul><li><a href=\"#ge8c59eb9e0f8\">Keyword and Product Suggestions<\/a><\/li><li><a href=\"#g866c28b88565\">Number of Suggestions<\/a><\/li><li><a href=\"#gf82475a114a0\">Category Suggestions<\/a><\/li><li><a href=\"#gf7896d7fded2\">Typo Tolerance<\/a><\/li><li><a href=\"#g2856174741b7\">Layout<\/a><\/li><li><a href=\"#g5777ed4c7a53\">Hovering Feature for Product Recommendations<\/a><\/li><li><a href=\"#g0cb9c27c601b\">Price, Images, and Discounts<\/a><\/li><li><a href=\"#gb16f2031bd17\">Relevance<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#g6a0985961ccc\">Site Search Engine<\/a><ul><li><a href=\"#g6ac58828b81e\">Facets and Filters<\/a><ul><li><a href=\"#g65351a9d7468\">Faceted Filtering<\/a><\/li><li><a href=\"#g53de47709f2f\">Dynamic Filtering<\/a><\/li><\/ul><\/li><li><a href=\"#gc9a0f7941a35\">Accuracy<\/a><\/li><li><a href=\"#gc9b4a2340934\">Synonyms<\/a><\/li><\/ul><\/li><li><a href=\"#g747a1c2acbfd\">Zero Result Search Pages<\/a><ul><li><a href=\"#g6190f2f7156d\">Relevant Product Suggestions<\/a><\/li><li><a href=\"#g6a066561cf5b\">Related Searches<\/a><\/li><li><a href=\"#g3c21de7c261e\">Related Keywords<\/a><\/li><li><a href=\"#g7a09953cf5b6\">Related Products<\/a><\/li><\/ul><\/li><li><a href=\"#gbfad6eedbab2\">Mobile Optimization<\/a><ul><li><a href=\"#g22ad70c0a783\">Search Placement<\/a><\/li><li><a href=\"#g0fb9150f1a11\">Number of Recommendations<\/a><\/li><li><a href=\"#g8c370e70d49e\">Search Results Layout<\/a><\/li><\/ul><\/li><li><a href=\"#gc4ab75ed94fc\">Conclusion<\/a><\/li><\/ul><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"gc074e16e5450\"><strong>What is Shopware? A Quick Summary<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><a href=\"https:\/\/www.shopware.com\/\" target=\"_blank\" rel=\"noopener\">Shop<\/a>ware is an open commerce platform that many businesses use to build their online stores.&nbsp;<\/p>\n\n\n\n<p>The technology is open-source and uses an MIT license. Like Magento and many other Ecommerce platforms, <strong>it can be shaped and formed by the community and developers that use it<\/strong>.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\"><strong>Tens of thousands of online stores use Shopware,<\/strong> including big brands, and it is most prevalent in Germany. Most notably, Euronics, Jacques Lemans, Tigha, Discovery Channel EU, Lufthansa Cocktail, the Mercedes Benz Classic Store, and Oktoberfest use the platform.<\/p>\n\n\n\n<p>Shopware was established as early as 2000 in Germany and has been open source since 2016. In its over 20-year history, Shopware has garnered a strong community behind it.&nbsp;<\/p>\n\n\n\n<p>But what we really want to know is\u2026&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"g9b96bf224da8\"><strong>How Does Shopware\u2019s On-site Search Work and Perform?<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>To answer this question, a Prefixbox developer set up an online store using the demo version of Shopware so we could get first-hand insight into its functionality.&nbsp;<\/p>\n\n\n\n<h3 id=\"g58a056ba980e\"><strong>Preparing Shopware for Testing<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>We didn\u2019t plan to include a section on the set-up process; however, we ran into a few issues while setting up our store and couldn\u2019t find much documentation addressing them online.&nbsp;<\/p>\n\n\n\n<p><strong>We\u2019ve outlined our experience with the set-up process and shared ways we overcame the difficulties to help other stores save time.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Before you set up your shop, it\u2019s important to know&#8230;&nbsp;<\/p>\n\n\n\n<h3 id=\"g138687d1093e\"><strong>Importing a Large Number of Products Takes Time<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>For this test, we used an existing product feed from an online consumer electronics store. <strong>The feed was complete with about 100,000 products and included product attributes<\/strong> <strong>and images.<\/strong>&nbsp;<\/p>\n\n\n\n<p>For our purposes, we needed a Shopware environment that had already been set up. Shopware provides this environment via Docker, which has multiple versions. The most popular of these is the Dockware PLAY edition, which provides the easiest, fastest solution for testing.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\"><strong>Building the Docker environment was simple: it\u2019s a popular task among developers and many free resources are available.&nbsp;<\/strong><\/p>\n\n\n\n<p>After installing the Dockware PLAY environment, we got three endpoints to access it via browser:&nbsp;<\/p>\n\n\n\n<ul><li>{domain}\/adminer.php \u2013 We can access the underlying relational database, write queries, edit tables, columns, and rows here.&nbsp;<\/li><li>{domain}\/admin \u2013 We can access the admin panel to set up the entire store, upload, manage and maintain it here.&nbsp;<\/li><li>{domain} \u2013 We can access the front-end of the online store here.&nbsp;<\/li><\/ul>\n\n\n\n<p>The default environment includes a basic theme, some dummy data, and products with the web shop. However, we got rid of most of this to monitor the few remaining modified products in the database through the admin panel.&nbsp;<\/p>\n\n\n\n<p>After a quick overview, we looked for a convenient way to import our database of about 100K products. By default, you can only upload products individually in the admin panel; however, <strong>we discovered there is also an option to import or export multiple products at once<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Unfortunately, the bulk import\/export process was not as straightforward as we&#8217;d hoped. Our first attempts to import products were unsuccessful, and we couldn&#8217;t find much documentation about why this was happening online.&nbsp;<\/p>\n\n\n\n<p>After a lengthy trial and error process, we discovered <strong>Shopware could not import our products because our product naming convention didn\u2019t match what Shopware used in their product database<\/strong>. Upper and lowercase sensitivity was causing a problem in a GUID.&nbsp;<\/p>\n\n\n\n<p>So, we had to find a way to change the format of all our product names from DisplayText to display_text or displaytext.&nbsp;<\/p>\n\n\n\n<p>Eventually, we wrote a program that converted our product feed into a properly formatted CSV for categories and products. This resulted in several rounds of generation, code correction, uploading, and then waiting for potential errors. After resolving some inexplicable invalid format errors, we found a way for Shopware\u2019s import function to process our products and were finally able to start uploading categories to the database.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\">We wrote a program that converted our product feed into a properly formatted CSV for categories and products. After resolving some inexplicable invalid format errors, we found a way for Shopware\u2019s import function to process our products and were finally able to start uploading categories to the database.&nbsp;<\/p>\n\n\n\n<p>There, we ran into a second round of problems, because\u2026&nbsp;<\/p>\n\n\n\n<h3 id=\"g6c858ff1856d\"><strong>Batch Sizes Matter When Importing<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>We quickly realized that\u202f<strong>uploaded categories don\u2019t automatically appear in the shop; you must index them first<\/strong>. This is possible through the admin panel and could be done relatively quickly for our roughly 1300 categories by uploading batches of 50.&nbsp;<\/p>\n\n\n\n<p>We initially tried uploading our 100,000 products in a 40 MB CSV file but kept getting an unexplained timeout notification. After another lengthy investigation,\u202fwe found out the engine begins indexing the products during the import procedure, and after a few hundred items, it permanently times out.&nbsp;<\/p>\n\n\n\n<p>This is how we eventually realized we could only import batches of 50, and a developer later confirmed this is a known issue. That developer let us know<strong>\u202fthe only way around this is to use a backend-facing API<\/strong>, which allows us to write directly in the database.&nbsp;<\/p>\n\n\n\n<p>We hoped there would be a little more documentation regarding the API; however, we eventually figured it out:<strong>\u202fall data imported this way must be again<\/strong>\u202f<strong>indexed manually<\/strong>, which wasn\u2019t feasible with 100K+ products and 1300 categories.&nbsp;<\/p>\n\n\n\n<p>So,\u202f<strong>next up on our list of challenges was finding a proper batch size that could be indexed.<\/strong>\u202fWe thought we could trigger indexing from the admin panel with the right queue message. However, without documentation available, we found this option to be a dead end.&nbsp;<\/p>\n\n\n\n<p>We decided to start importing different batch sizes until we found the right one.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\">We started importing batches of 2000, which was a painstakingly slow process with its own set of challenges. Eventually we figured out\u202f<strong>products could be imported in batches of 50<\/strong>.&nbsp;<\/p>\n\n\n\n<h3 id=\"gf78c87a4816e\"><strong>Matching Images to Products<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Once we uploaded our products, we had to match their respective images to them (we couldn&#8217;t assign IDs to existing images beforehand).&nbsp;<\/p>\n\n\n\n<p>Our images were linked to the products in multiple tables, so we had to test them one by one to find the minimum viable input.&nbsp;<\/p>\n\n\n\n<p>In doing so, we encountered inconsistent error messages. We eventually managed to upload and link images to products in tables where they weren\u2019t previously displayed. Then we ran another indexing. We expected this to be slow, but it just didn\u2019t run.&nbsp;<\/p>\n\n\n\n<p>We circled back to the beginning to experiment with batch sizes again;\u202f<strong>smaller batch sizes made indexing possible<\/strong>, but it was a very slow process.&nbsp;<\/p>\n\n\n\n<p>Once we finished uploading our products, we turned our attention to design.&nbsp;<\/p>\n\n\n\n<h3 id=\"gaa01db7ddc01\"><strong>Modifying the Design<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Finally, after weeks of work, we wanted to tweak the design slightly. This is another part of Shopware that isn\u2019t well documented. We found documentation for a previous version, but it required thorough user knowledge of PHP, CSS, and HTML.&nbsp;<\/p>\n\n\n\n<p>Since we are not PHP developers, we looked for built-in themes we could use.\u202fThese<strong> themes (and extensions) are available in the Shopware admin panel.<\/strong>\u202fYou need to sign in with a Shopware account; we already had one because, like Shopware Demo, they provide a trial for anyone who wants to test the engine. That said, we couldn\u2019t log in, which another developer explained was because \u2018it\u2019s not possible from a container.\u2019&nbsp;<\/p>\n\n\n\n<p>Thanks to the helpful Shopware developer community,\u202f<strong>we realized we ultimately couldn\u2019t touch the design in our current test environment<\/strong>. This is where the experiment ended for our developer.&nbsp;<\/p>\n\n\n\n<h3 id=\"g19de75d68e7c\"><strong>Shopware Set-Up Summary<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Based on our experience setting up a store with Shopware,\u202f<strong>our developer found Shopware\u2019s non-Enterprise version to be a solution for those running a simple online store<\/strong>. When it comes to bigger businesses, the setup process requires a lot more time and resources to get everything up and running.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"gc85b79a3121f\"><strong>Testing Shopware&#8217;s Search Features<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Once we set up our demo store, we were ready to start testing the search function.&nbsp;<\/p>\n\n\n\n<p>First, we <strong>created a checklist of search features that matter most. Then, we took an in-depth look at their functionality<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\" style=\"opacity:0\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-pencil-alt\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>Checklist: Essential Search Features<\/strong><\/p>\n\n\n\n<ul><li>Autocomplete<\/li><li>Search Engine<\/li><li>Zero Result Pages<\/li><li>Mobile Optimization<\/li><\/ul>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>We\u2019ve outlined our findings below and suggested best practices you can use to build upon Shopware\u2019s existing features.&nbsp;<\/strong>&nbsp;<\/p>\n\n\n\n<p>If you want to ensure your Shopware search solution is fully optimized, get your checklist ready, and let\u2019s dive in.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 id=\"g8191c2a0d2cb\"><strong>Autocomplete<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Autocomplete is one most impactful features of any onsite search solution.\u202f<\/strong>Autocomplete functions within the search bar, which is usually located at the top of the page.&nbsp;<\/p>\n\n\n\n<p>At the very least, all\u202f<strong>search bars should have an autocomplete function that deciphers user intent and provides relevant keyword and product suggestions<\/strong>. If equipped with the right features, autocomplete is a powerful tool that guides shoppers to desired items.&nbsp;<\/p>\n\n\n\n<p>To see how well Shopware\u2019s autocomplete performs,\u202f<strong>we made another checklist of autocomplete features we find most important<\/strong>:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns icon-highlight-box\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-pencil-alt\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>Checklist: Essential Autocomplete Features<\/strong><\/p>\n\n\n\n<ul><li>Product Suggestions<\/li><li>Typo Tolerance<\/li><li>Layout<\/li><li>Accurate Rankings<\/li><li>Mobile Optimization<\/li><\/ul>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Let\u2019s break it down.&nbsp;<\/p>\n\n\n\n<h4 id=\"ge8c59eb9e0f8\"><strong>Keyword and Product Suggestions<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Keyword and product suggestions are a staple feature in an autocomplete. They must be relevant and appear quickly.&nbsp;<\/p>\n\n\n\n<p>In the Shopware demo store, autocomplete product suggestions appear after three keystrokes, which is slower than the industry standard.&nbsp;<\/p>\n\n\n\n<p>If you are using the community version of Shopware, it is important to be aware of this because\u202f<strong>shoppers expect to see results immediately upon clicking in the search box.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Furthermore, Shopware\u2019s autocomplete results appear in the typical dropdown style. As you can see below, we also see basic product information (in this case price, which is a default setting) and an option at the bottom to continue to the full results page.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"925\" height=\"744\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete1.png\" alt=\"Shopware Search Autocomplete Feature Example\" class=\"wp-image-4384\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete1.png 925w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete1-300x241.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete1-768x618.png 768w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/figure><\/div>\n\n\n\n<p>The dropdown results include relevant product recommendations, but we can see Shopware\u2019s store is missing keyword suggestions, which are essential for an optimized autocomplete.&nbsp;<\/p>\n\n\n\n<p id=\"gc19621b161da\"><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>PROVIDE KEYWORD SUGGESTIONS<\/strong><\/p>\n\n\n\n<p>In addition to showing product suggestions in the drop-down menu, keyword suggestions help shoppers navigate to accurate, desired results.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>When shoppers visit websites on a desktop device, 50% click keyword suggestions,\u202f<\/strong>5% click product recommendations, and 45% just hit enter. Keywords guide shoppers to high-quality results on the Search Results Page,<strong>\u202f<\/strong>so it\u2019s important to display relevant results quickly to improve the user experience on your website.<\/p>\n\n\n\n<p><strong>An easy way to show shoppers keyword and product suggestions is to\u202fuse a 2-column layout.<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>USE A 2-COLUMN LAYOUT<\/strong><\/p>\n\n\n\n<p>A 2-column layout is an effective, <strong>user-friendly way to provide keywords, categories, and product suggestions<\/strong> that help shoppers refine their search within broad categories.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>These suggestions enable shoppers to explore a retailer\u2019s catalog, find the products they want to buy, and enhance the shopping experience by providing a clear path to purchase.&nbsp;<\/p>\n\n\n\n<p>Rossmann is a good example of a store that effectively utilizes a 2-column layout:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"633\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-1024x633.png\" alt=\"Rossmann's Effective 2 Column Search Autocomplete\" class=\"wp-image-4385\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-1024x633.png 1024w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-300x185.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-768x475.png 768w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-938x580.png 938w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation-1130x698.png 1130w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/rossmann-search-product-recommendation.png 1215w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>When searching for product names, Shopware\u2019s autocomplete provides relevant and accurate recommendations.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"527\" height=\"386\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete-relevancy-accuracy-test.png\" alt=\"Shopware Search Autocomplete Relevancy Accuracy Test\" class=\"wp-image-4387\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete-relevancy-accuracy-test.png 527w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_autocomplete-relevancy-accuracy-test-300x220.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure><\/div>\n\n\n\n<p>When searching for something other than the product\u2019s name (i.e. a product number), results are accurate as well. As you can see below, the first result is the product with the corresponding number, and the following items are similar.&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"512\" height=\"373\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-product-SKU-accuracy.png\" alt=\"Shopware Search Product SKU Accuracy\" class=\"wp-image-4388\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-product-SKU-accuracy.png 512w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-product-SKU-accuracy-300x219.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<h4 id=\"g866c28b88565\"><strong>Number of Suggestions<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>In the demo store, the dropdown menu displays exactly 10 products, which is in line with our recommended best practice.&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"519\" height=\"661\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-results-number-of-suggestions.png\" alt=\"Shopware Search Results Number of Suggestions\" class=\"wp-image-4389\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-results-number-of-suggestions.png 519w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_search-results-number-of-suggestions-236x300.png 236w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/figure><\/div>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>DISPLAY 10 PRODUCT SUGGESTIONS MAX<\/strong><\/p>\n\n\n\n<p>Retailers should display a maximum of 10 product suggestions, which means accurate rankings are essential.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>As outlined in our\u202f<a href=\"https:\/\/www.prefixbox.com\/blog\/autocomplete-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">autocomplete guide<\/a>, if your suggestion list is longer than 10 items: &nbsp;<\/p>\n\n\n\n<ul><li>Search time increases as users scroll through them&nbsp;<\/li><li>Off-screen suggestions may be ignored or missed&nbsp;<\/li><li>Users might experience choice paralysis and avoid making a decision instead of wasting time weighing all the options&nbsp;<\/li><\/ul>\n\n\n\n<h4 id=\"gf82475a114a0\"><strong>Category Suggestions<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>We were surprised to discover Shopware\u2019s platform doesn\u2019t support category search suggestions, which are very useful for shoppers.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>OFFER CATEGORY SUGGESTIONS<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.prefixbox.com\/blog\/autocomplete-search\/\">Category suggestions<\/a> allow shoppers to narrow down broad search queries to specific items directly within the search box. For example, a shopper searching for headphones can easily specify Bluetooth, sports, or wireless headphones.&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Category search suggestions save time,<\/strong>\u202fprovide customers with a <strong>clear path to purchase<\/strong>, and are an effective way to <strong>increase the user experience in your store<\/strong>.<\/p>\n\n\n\n<p>To see how simple and useful this feature is, look at how IKEA\u2019s autocomplete offers categories related to a shopper&#8217;s query:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"526\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-1024x526.png\" alt=\"Ikea's Search AutoComplete Category Suggestions\" class=\"wp-image-4392\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-1024x526.png 1024w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-300x154.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-768x394.png 768w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-938x482.png 938w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions-1130x580.png 1130w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/ikea-search-autocomplete-category-suggestions.png 1262w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Category suggestions are effective on search result pages too. If you\u2019re looking to enhance the user experience in your store, we recommend offering them to shoppers.&nbsp;<\/p>\n\n\n\n<h4 id=\"gf7896d7fded2\"><strong>Typo Tolerance<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>A prerequisite for site search usability is a strong error tolerance for typos<\/strong>,\u202fso we wanted to see how well Shopware handles misspelled queries.&nbsp;<\/p>\n\n\n\n<p>Shopware\u2019s autocomplete handles misspellings fairly well; in most cases, you can get relevant results even when queries contain multiple spelling errors.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"512\" height=\"225\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-typo-correction.png\" alt=\"Shopware Site Search Typo Correction\" class=\"wp-image-4393\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-typo-correction.png 512w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-typo-correction-300x132.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p>Autocomplete also handles special characters well:&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"525\" height=\"247\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-special_characters-handling.png\" alt=\"\" class=\"wp-image-4394\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-special_characters-handling.png 525w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_site-search-special_characters-handling-300x141.png 300w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/figure><\/div>\n\n\n\n<p>When we replaced special characters with regular letters, the feature continued to work effectively. However, you can see below that the first results are based on exact text matches rather than an understanding of user intent.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"521\" height=\"483\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-site-search-special-character-handling.png\" alt=\"Shopware Site Search Special Character Handling\" class=\"wp-image-4395\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-site-search-special-character-handling.png 521w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-site-search-special-character-handling-300x278.png 300w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/figure><\/div>\n\n\n\n<p>That said, Shopware provides relevant results when shoppers misspell their search queries, which shows us their typo tolerance feature is effective and is in line with our recommended best practice.<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>MAKE SURE YOUR SEARCH IS TYPO TOLERANT<\/strong><\/p>\n\n\n\n<p>Advanced typo tolerance features that recognize spelling mistakes and present shoppers with relevant products, categories, and keywords decrease zero result search rate and ensure shoppers can easily navigate their path to purchase.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>As explained in this guide on choosing an <\/strong><a href=\"https:\/\/www.prefixbox.com\/blog\/enterprise-ecommerce-search-provider\/\" target=\"_blank\" rel=\"noreferrer noopener\">enterprise Ecommerce search provider<\/a><strong>:<\/strong><\/p>\n\n\n\n<p>&nbsp;\u201cA typo rate somewhere between 1 in 4 and 3 in 4 might seem extremely high, but with keyboards, fast typing, the prominence of typo-tolerant search engines, and spell checking, it is possible because we hardly pay attention to spelling anymore.<\/p>\n\n\n\n<p><strong>If your site search engine can\u2019t tolerate typos <\/strong>\u2013 as in, recognize them and recommend another search, or even better, show results for the correctly spelled keyword instead of returning zero results \u2013<strong> you risk driving your customer away.\u201d<\/strong><\/p>\n\n\n\n<h4 id=\"g2856174741b7\"><strong>Layout<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Shopware\u2019s basic autocomplete layout is a standard, one-column list that appears in the drop-down window.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"512\" height=\"373\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_one-column-search-autocomplete-layout.png\" alt=\"Shopware's One-column Search Autocomplete Layout\" class=\"wp-image-4400\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_one-column-search-autocomplete-layout.png 512w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware_one-column-search-autocomplete-layout-300x219.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p>If you look closely at the image above, you can see the list has product names cut short. This is something we recommend avoiding.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>DISPLAY FULL PRODUCT NAMES<\/strong><\/p>\n\n\n\n<p>To prevent confusion with shoppers who may not know what they&#8217;re clicking on if a part of a product name is missing, it is important to display full product names in autocomplete dropdown lists.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Showing full product names is one way to generate more revenue in your store.&nbsp;<\/p>\n\n\n\n<p><strong>Many suggestions,\u202fincluding long or multiple keywords, won\u2019t be able to fit in their row, given the limited screen size and that you must use a big enough font for readability.<\/strong><\/p>\n\n\n\n<p>However, if you shorten the suggestion by including \u201c\u2026\u201d at the end, you may confuse customers who might not know what they\u2019re clicking on when part of the information is missing.<\/p>\n\n\n\n<p>So how do you solve this problem?<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>KEEP VISUAL NOISE TO A MINIMUM<\/strong><\/p>\n\n\n\n<p>While it&#8217;s important to include keyword and product suggestions, prices, and photos where relevant, we suggest keeping your autocomplete simple, straightforward, and <a href=\"https:\/\/www.prefixbox.com\/blog\/autocomplete-search\/#8ec6ddc8e0f4\">distraction-free<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Use <\/strong><a href=\"https:\/\/www.prefixbox.com\/blog\/autocomplete-search\/#b78d9d4862d0\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>text wrapping\u202fand expand suggestions<\/strong><\/a><strong> to multiple rows as needed, even if this means fewer will be visible.<\/strong><\/p>\n\n\n\n<p>With modern on-site search solutions, the suggestion field can contain a large variety of elements like text, prices, photos, short descriptions, etc.<\/p>\n\n\n\n<p>While these attributes help shoppers,\u202f<strong>be careful not to include too many additional elements. This can overwhelm shoppers, take focus away from the actual suggestions,<\/strong>\u202fand confuse customers more than it helps them.<\/p>\n\n\n\n<h4 id=\"g5777ed4c7a53\"><strong>Hovering Feature for Product Recommendations<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Shopware\u2019s autocomplete doesn\u2019t offer shoppers a way to see if the item they click on is the product they intend to purchase. This can be dangerous because shoppers might grow frustrated if they click on the wrong product without realizing it.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong><strong>HIGHLIGHT PRODUCTS WITH KEYWORD HOVER&nbsp;<\/strong><\/strong><\/p>\n\n\n\n<p>When presenting shoppers with any results list, you can<strong> show shoppers their clicks will take them to the correct product page by highlighting the area the mouse hovers over.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Our\u202f<a href=\"https:\/\/www.prefixbox.com\/blog\/autocomplete-search\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>Autocomplete Search Best Practices<\/em><\/strong><\/a>\u202fguide says:<\/p>\n\n\n\n<p>\u201cWhen a shopper is browsing suggestions, you should\u202f<strong>indicate which product the user\u2019s mouse is hovering over.<\/strong>\u202fOr, if shoppers are using keyboard navigation, they must be able to see which suggestion is active.&nbsp;<br>&nbsp;<br>This provides clarity and\u202f<strong>helps eliminate mistakes<\/strong>, like choosing the wrong suggestion and having to go back.&nbsp;<br>&nbsp;<br>You may also offer a hand cursor to signal shoppers can click on suggestions to be taken to a result page.\u201d<\/p>\n\n\n\n<p><strong>A state-of-the-art solution includes dynamic keyword hovering<\/strong>, an advanced feature that provides additional, relevant product suggestions to shoppers as they hover over a specific keyword in the search box. Dynamic keyword hovering is one way to take full advantage of autocomplete because it allows shoppers to see more results without taking up additional screen space.&nbsp;<\/p>\n\n\n\n<h4 id=\"g0cb9c27c601b\"><strong>Price, Images, and Discounts<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Shopware\u2019s autocomplete results in the dropdown menu include images and prices for the individual product. The images are small and resized to match the text, but in most cases can be understood.&nbsp;<\/p>\n\n\n\n<p>We did not set discounts in our test store, so we don\u2019t have information about whether or not they\u2019re displayed in the default version. However, based on the layout of the results bar, it seems unlikely.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>SHOWCASE DISCOUNTS<\/strong><\/p>\n\n\n\n<p>Showing discounts in the autocomplete dropdown menu can encourage shoppers to make a purchase or explore areas of your catalog they may have missed.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Praktiker doesn\u2019t use Shopware, but they do a great job displaying currently discounted products in their autocomplete suggestions.<\/p>\n\n\n\n<p>Take a look:&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"769\" height=\"637\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Praktiker-Search-Autocomplete-Including-Price-Discounts.png\" alt=\"Praktiker Search Autocomplete Including Price Discounts\" class=\"wp-image-4401\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Praktiker-Search-Autocomplete-Including-Price-Discounts.png 769w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Praktiker-Search-Autocomplete-Including-Price-Discounts-300x249.png 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure><\/div>\n\n\n\n<h4 id=\"gb16f2031bd17\"><strong>Relevance<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>We saw that Shopware provides relevant product suggestions when we looked at their typo tolerance feature. Shopware seems to prioritize exact text matches over relevance or popularity score, but we aren\u2019t exactly sure how Shopware\u2019s autocomplete decides on relevancy.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"482\" height=\"145\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-exact-match-search-prioritization.png\" alt=\"Shopware exact match search prioritization\" class=\"wp-image-4402\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-exact-match-search-prioritization.png 482w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/shopware-exact-match-search-prioritization-300x90.png 300w\" sizes=\"(max-width: 482px) 100vw, 482px\" \/><\/figure><\/div>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>ACCURATELY RANK RESULTS<\/strong><\/p>\n\n\n\n<p>To best provide an accurate hierarchy of results, autocomplete should be capable of deciphering user intent instead of simply text-matching keywords in a product name or description.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>As mentioned in our guide on choosing an \u202f<a href=\"https:\/\/www.prefixbox.com\/blog\/enterprise-ecommerce-search-provider\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>enterprise Ecommerce search provider<\/strong><\/a>, there are many ways to go about providing shoppers with relevant results. <\/p>\n\n\n\n<p>As you can see in the link, one way is to implement a feature that leverages AI to predict user intent. Intent-based recommendations \u201c<strong>guide shoppers through their path to purchase by suggesting searches that prevent zero results search pages.<\/strong>\u201d&nbsp;<\/p>\n\n\n\n<p>If you\u2019re using Shopware, you can custom-develop a feature to decipher user intent or find a third-party provider to help optimize your search solution.<\/p>\n\n\n\n<p>As we wrap up this section,&nbsp;<strong>you should be well-prepared to assess and optimize your autocomplete feature&nbsp;<\/strong>so let\u2019s switch gears and look at another important aspect of Shopware&#8217;s search solution.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"g6a0985961ccc\"><strong>Site Search Engine<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>An optimized search engine is critical to streamlining the shopping experience. When equipped with the right features, the search engine is a powerful tool for increasing conversions and revenue in your store. <\/p>\n\n\n\n<p>We looked at a few key components of Shopware&#8217;s search engine and outlined best practices you can use to improve the shopping journey and, in turn, maximize business performance.<\/p>\n\n\n\n<h3 id=\"g6ac58828b81e\"><strong>Facets and Filters<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Filtering is essential to Ecommerce stores.&nbsp;<\/strong>Filters prevent shoppers from getting overwhelmed with endless results\u202fby allowing them to select desired product attributes.&nbsp;<\/p>\n\n\n\n<p>We only found one filter in the demo version of Shopware: a price range filter.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"690\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example-1024x690.png\" alt=\"Shopware Faceted Filtering Example\" class=\"wp-image-4411\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example-1024x690.png 1024w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example-300x202.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example-768x517.png 768w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example-938x632.png 938w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-faceted-filtering-example.png 1036w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dynamic filters and additional faceted filters were not present.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s look at the difference between dynamic and faceted filtering and see how implementing these features can add to the success of your online store.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"g65351a9d7468\"><strong>Faceted Filtering<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Faceted filtering\u202f<strong>allows shoppers to find desired items by specifying preferred product attributes like brand name or price<\/strong>. Usually, the filters appear and disappear with each refined search as the suggestions in the pool of results decrease.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>OFFER RELEVANT FACETED FILTERS<\/strong><\/p>\n\n\n\n<p>Faceted filters help narrow down search results based on desired product attributes and improve the user experience in your online store.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>If you&#8217;re wondering which filters to add, <strong>here are some suggestions:<\/strong><\/p>\n\n\n\n<ul><li>Brand<\/li><li>Price (or price range)<\/li><li>User Ratings<\/li><li>Color<\/li><li>Material<\/li><li>Size<\/li><li>Popularity<\/li><\/ul>\n\n\n\n<p>We recommend displaying&nbsp;<a href=\"https:\/\/www.prefixbox.com\/blog\/ecommerce-search-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>ecommerce search filters<\/strong><\/a>&nbsp;on the left-hand side of the SERP so shoppers can find them easily and efficiently navigate to desired results.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\"><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:10px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h4 id=\"g53de47709f2f\"><strong>Dynamic Filtering<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h4\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Dynamic filtering means a store\u2019s filters change dynamically based on the search query&nbsp;<\/strong>instead of displaying standard, static filters<strong>.&nbsp;<\/strong>For example, if someone searches for shoes, they can filter results by size, and if they search for a laptop, they can filter results by processing power or other relevant specifications.&nbsp;<\/p>\n\n\n\n<p>As we mentioned, from our limited test, Shopware\u2019s filters don\u2019t seem to be dynamic.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\"><strong>Dynamic filters help shoppers avoid dead-ends<\/strong>; for every executed search, filters change to make sure no combination leads to a zero result search page by only presenting available options.<\/p>\n\n\n\n<p>If you\u2019re selling shirts that come in many colors but you currently have no green shirts in store, two things can happen:&nbsp;<\/p>\n\n\n\n<ol type=\"1\"><li>Shoppers select the &#8220;green&#8221; filter and land on a zero result search page.<\/li><li>Dynamic filtering automatically hides the &#8220;green&#8221; filter option and only shows red and blue. <\/li><\/ol>\n\n\n\n<p><strong>Dynamic filters prevent shoppers from growing frustrated with narrowing down results to products that aren\u2019t available.<\/strong><\/p>\n\n\n\n<p>Faceted and dynamic filtering are different but work hand and hand; they both effectively present shoppers with desired items and prevent zero result search pages.<\/p>\n\n\n\n<h3 id=\"gc9a0f7941a35\"><strong>Accuracy<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>We discovered something interesting while testing for accuracy.&nbsp;<\/p>\n\n\n\n<p>We wanted to try searching for a product using its serial number. As you can see below, despite having that product (with the same serial number) in our cart, Shopware\u2019s demo store search engine couldn\u2019t find the product using the number we searched for.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"925\" height=\"383\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Shopping-Cart-Product-SKU-Search.png\" alt=\"Shopware Shopping Cart Product SKU Search\" class=\"wp-image-4413\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Shopping-Cart-Product-SKU-Search.png 925w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Shopping-Cart-Product-SKU-Search-300x124.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Shopping-Cart-Product-SKU-Search-768x318.png 768w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/figure>\n\n\n\n<p>While we previously saw Shopware\u2019s autocomplete could analyze serial numbers and suggest relevant results, it seems this is not the case for the search engine.&nbsp;<\/p>\n\n\n\n<p>This tells us the default search engine most likely only checks for product names when performing the search, or at the very least, it seems to leave out some product attributes.&nbsp;<\/p>\n\n\n\n<p>This can most likely be amended by implementing a third-party on-site search solution.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>IMPLEMENT A GOOD PRODUCT RANKING ALGORITHM<\/strong><\/p>\n\n\n\n<p>One way to ensure an accurate hierarchy of results is to use a ranking system that places relevant items on the search engine results page, regardless of what shoppers type in the search bar.&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Most solutions only rank products according to the number of times they\u2019ve been ordered, which can lead to inaccurate rankings.<\/p>\n\n\n\n<p><strong>A good ranking algorithm usually considers popularity scores and relevance<\/strong>. Popularity scores considers product page views, search engine result page (SERP) clicks, cart actions, and the number of orders. <\/p>\n\n\n\n<h3 id=\"gc9b4a2340934\"><strong>Synonyms<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>The Shopware demo store does not provide synonym mining and management tools, which means it is not optimized for synonyms.&nbsp;<\/p>\n\n\n\n<p>It\u2019s important to note that this is an advanced-level feature, so it makes sense that a standard Ecommerce platform doesn\u2019t have it.&nbsp;<\/p>\n\n\n\n<p>However, synonym management is still an important feature on our checklist and is included in this&nbsp;<a href=\"https:\/\/www.prefixbox.com\/blog\/ecommerce-site-search-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Ecommerce site search best practices guide<\/strong><\/a>.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\"><strong>Optimizing synonyms reduces zero results rate and increases conversion rate.<\/strong><\/p>\n\n\n\n<p>Dead-end searches often occur when a shopper searches for a brand you don\u2019t stock or if their query has a common misspelling.&nbsp;<strong>Instead of not showing any results, you can use synonyms to show relevant products from similar brands<\/strong>.&nbsp;<\/p>\n\n\n\n<p>For businesses with unknown vocabulary or many synonyms for their products, synonym management is a game-changer.&nbsp;<\/p>\n\n\n\n<p>If you\u2019re wondering how to handle synonyms in your store, you can use advanced&nbsp;<a href=\"https:\/\/www.prefixbox.com\/en-us\/technical\/productoverview\/synonymmanagement\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>synonym mining and management<\/strong><\/a>&nbsp;tools to:&nbsp;<\/p>\n\n\n\n<ol type=\"1\"><li>Find terms for which results can be improved with synonym management&nbsp;<\/li><li>Review the performance of search terms and products with synonyms&nbsp;<\/li><li>Customize synonym mining configuration settings&nbsp;<\/li><li>Reload the synonym database to update search indexes&nbsp;&nbsp;<\/li><\/ol>\n\n\n\n<p><strong>Synonym mining and management may seem daunting, but it\u2019s an incredibly effective way to decrease zero result pages and increase conversion rate and revenue<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Next, let&#8217;s take a look at what your online store can do to keep shoppers in the purchase flow if they are unable to find products on a search engines result page.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"g747a1c2acbfd\"><strong>Zero Result Search Pages<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Landing on a zero result search page is one of the most frustrating aspects of the online shopping experience. <\/p>\n\n\n\n<p>While you can significantly&nbsp;<a href=\"https:\/\/www.prefixbox.com\/blog\/no-results-page-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>decrease zero result rate<\/strong><\/a>\u202fby optimizing your search solution, shoppers will land on a zero result page at some point, so it\u2019s crucial to handle them effectively.&nbsp;<\/p>\n\n\n\n<p class=\"paragraph-highlight has-background\" style=\"background-color:#eaf2ff\"><strong>Landing on a zero result search page that doesn\u2019t provide alternate products or information on what to do next can make shoppers feel like they\u2019ve lost control over their shopping experience.<\/strong><\/p>\n\n\n\n<p>Well-handled zero result search pages re-route shoppers to desired products and keep them in the purchase flow. Alternatively, poorly handled zero result pages cause shoppers to leave your site and go to your competition instead.&nbsp;<\/p>\n\n\n\n<p>We looked at how Shopware handles zero result search pages and recommended best practices to help you keep shoppers satisfied and engaged.&nbsp;<\/p>\n\n\n\n<h3 id=\"g6190f2f7156d\"><strong>Relevant Product Suggestions<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Zero results search pages in Shopware\u2019s default demo store do not offer alternative product suggestions.&nbsp;&nbsp;<\/p>\n\n\n\n<p>As you can see in the screenshot, we entered a random phrase, but found that all zero result searches had the same outcome.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"865\" height=\"376\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Site-Search-Zero-Result-Pages.png\" alt=\"Shopware Site Search Zero Result Pages\" class=\"wp-image-4408\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Site-Search-Zero-Result-Pages.png 865w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Site-Search-Zero-Result-Pages-300x130.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Site-Search-Zero-Result-Pages-768x334.png 768w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>Instead of allowing shoppers to arrive at a dead end, there are many ways to help them find desired products.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>OPTIMIZE ZERO RESULT SEARCH PAGES<\/strong><\/p>\n\n\n\n<p>If a shopper encounters a zero results search page:<\/p>\n\n\n\n<ul><li>Clearly explain what happened&nbsp;<\/li><li>Always take the blame&nbsp;<\/li><li>Provide alternatives&nbsp;&nbsp;<\/li><li>Suggest similar results<\/li><\/ul>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>To learn more about approaching zero result search pages and how you can implement these recommendations, check out these effective&nbsp;<a href=\"https:\/\/www.prefixbox.com\/blog\/no-results-page-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>no results page examples<\/em><\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<h3 id=\"g6a066561cf5b\"><strong>Related Searches<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>A powerful way to help shoppers navigate away from no result search pages is to provide Related Searches. This feature offers shoppers suggestions for related keywords and related products and is an effective way to suggest similar items to shoppers.&nbsp;<\/p>\n\n\n\n<p><strong>Related Searches<\/strong>\u202fis not part of Shopware but can be a great asset to store owners.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>PROVIDE DATA-DRIVEN RECOMMENDATIONS<\/strong><\/p>\n\n\n\n<p>Data-driven keyword and product recommendations help shoppers find the items they&#8217;re looking for and products that complement their original search.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<h3 id=\"g3c21de7c261e\"><strong>Related Keywords<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>When shoppers land on zero result search pages, we recommend using Related Keywords to\u202f<strong>help shoppers reformulate their query with just one click.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Look at how Nordstrom handles this simply and effectively:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"850\" height=\"686\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Nordstrom-related-products.jpg\" alt=\"Nordstrom Related Keywords Example\" class=\"wp-image-4492\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Nordstrom-related-products.jpg 850w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Nordstrom-related-products-300x242.jpg 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Nordstrom-related-products-768x620.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<h3 id=\"g7a09953cf5b6\"><strong>Related Products<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator has-text-color has-background blog-content-separator-sub-chapter-h3\" style=\"background-color:#27a297;color:#27a297\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Even better than related keywords are showing shoppers related products based on their initial query.<\/p>\n\n\n\n<p>Build.com offers a good example, take a look:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"844\" height=\"651\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/builddotcom-related-products-1.png-1.png\" alt=\"\" class=\"wp-image-4570\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/builddotcom-related-products-1.png-1.png 844w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/builddotcom-related-products-1.png-1-300x231.png 300w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/builddotcom-related-products-1.png-1-768x592.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/figure>\n\n\n\n<p><strong>As you can see, suggesting products related to the initial query allow shoppers to seamlessly continue their shopping journey&nbsp;<\/strong>instead of leaving them at a dead end and forcing them to re-execute their search.&nbsp;<\/p>\n\n\n\n<p>There are many reasons shoppers end up on zero result search pages. When setting up your online store, be sure to&nbsp;<strong>implement the best practices above to keep shoppers engaged<\/strong>&nbsp;throughout their shopping journey, especially if you have what they\u2019re looking for in stock.&nbsp;<\/p>\n\n\n\n<p>Once we finished looking at the functionality of Shopware&#8217;s main search features, we wanted to see how Shopware&#8217;s search performed on mobile devices.<\/p>\n\n\n\n<h2 id=\"gbfad6eedbab2\"><strong>Mobile Optimization<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Every year, an increasing number of shoppers make purchases on the small screen, so it\u2019s crucial to ensure your online store is optimized for mobile devices.&nbsp;<\/p>\n\n\n\n<p><strong>We looked at Shopware\u2019s mobile user interface and laid out tips to help you optimize search in your mobile store.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Let\u2019s get to it.&nbsp;<\/p>\n\n\n\n<h4 id=\"g22ad70c0a783\"><strong>Search Placement<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Shopware\u2019s search bar (usually accompanied by a magnifying glass icon) can be found at the top of webpages. Shopware uses a standard layout that is clearly visible and easily accessible, which is in line with our recommended best practice.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>PROMINENTLY PLACE YOUR SEARCH BAR<\/strong><\/p>\n\n\n\n<p>Your mobile Ecommerce store should prominently place the search box at the top of the page in the app and on the webpage version.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Search on mobile is critical.\u202f<\/strong>There aren\u2019t many navigation options on phones, so the search box is the best way to help shoppers find what they\u2019re looking for; good placement is paramount.&nbsp;<\/p>\n\n\n\n<h4 id=\"g0fb9150f1a11\"><strong>Number of Recommendations<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>Next, let\u2019s look at product recommendations.&nbsp;<\/p>\n\n\n\n<p>On mobile devices, Shopware\u2019s product recommendations fill the entire screen and require you to scroll to view all of them.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"337\" height=\"695\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Shopware-Mobile-Search-Autocomplete-Results.png\" alt=\"Shopware Mobile Search Autocomplete Number of Product Recommendations\" class=\"wp-image-4568\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Shopware-Mobile-Search-Autocomplete-Results.png 337w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/Shopware-Mobile-Search-Autocomplete-Results-145x300.png 145w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/figure><\/div>\n\n\n\n<p>We can\u2019t see the full names of suggested products, which may confuse the customer and cause them to click on an undesired item because information missing.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong><\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong><strong>LIMIT CONTENT TO WHAT\u2019S MOST IMPORTANT<\/strong><\/strong><\/p>\n\n\n\n<p>Mobile screens don\u2019t allow for much text or visuals, so <strong>ensure the text and images add value to your shop<\/strong>. Limit content on mobile sites to only what\u2019s essential to ensure quick page-load times and uncluttered pages.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>In our <a href=\"https:\/\/www.prefixbox.com\/blog\/mobile-search-box-optimization\/\" target=\"_blank\" rel=\"noreferrer noopener\">mobile search box optimization guide<\/a>,\u202fwe suggest keeping the information for each product at a minimum; <strong>a photo, the product name, and the price are enough<\/strong>.\u202fYou can include <a href=\"https:\/\/woorise.com\/blog\/how-to-use-online-coupons-and-discounts-to-grow-your-ecommerce-store\" target=\"_blank\" rel=\"noreferrer noopener\">discounts<\/a>\u202fand product descriptions but keep descriptions as short as possible, and make sure product images are small for quick load times.\u00a0<\/p>\n\n\n\n<h4 id=\"g8c370e70d49e\"><strong>Search Results Layout<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator-sub-chapter-h3\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Search engine results pages should be well-formatted with products that load quickly and are ranked accurately.\u202f<\/strong><\/p>\n\n\n\n<p>In Shopware\u2019s mobile store, results are displayed in a single column and separated into pages. We were happy to see their search results layout adhered to most of our best practice recommendations.&nbsp;<\/p>\n\n\n\n<p><strong>PREFIXBOX RECOMMENDATION<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-section icon-highlight-box\" style=\"margin-top:30px;margin-bottom:30px\"><div class=\"wp-block-getwid-section__wrapper\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:10%\">\n<div style=\"margin-top:-10px;margin-right:-20px\" class=\"wp-block-getwid-icon alignright is-aligned-right\"><div class=\"wp-block-getwid-icon__wrapper has-text-color has-dark-blue-color\" style=\"font-size:60px\"><i class=\"fas fa-exclamation-circle\"><\/i><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:90%\">\n<p class=\"icon-highlight-text has-medium-font-size\"><strong>CLEARLY DISPLAY SEARCH RESULTS<\/strong><\/p>\n\n\n\n<ul><li>Provide clear tiles<\/li><li>Use large, high-quality images<\/li><li>Consider implementing quick-view windows with add-to-cart options<\/li><li>Show item prices and sale prices if you offer discounts<\/li><li>Implement paging<\/li><\/ul>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p><strong>Shopware effectively uses paging<\/strong>, which is displaying search results on multiple pages so users can easily explore product options.&nbsp;&nbsp;<\/p>\n\n\n\n<p>The alternative to paging is infinite scrolling, which makes tracking search engine performance more difficult. Segmenting results by pages is more intuitive to the user, and offering fewer results per page creates a faster, less overwhelming shopping experience.&nbsp;<\/p>\n\n\n\n<p><strong>Shopware clearly displays the number of results pages and makes sure the first result is at least partially visible, which effectively indicates the user can scroll down<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"620\" height=\"635\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Search-Results-Product-Number-Paging.png\" alt=\"Shopware Search Results Product Number Paging\" class=\"wp-image-4405\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Search-Results-Product-Number-Paging.png 620w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Search-Results-Product-Number-Paging-293x300.png 293w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure><\/div>\n\n\n\n<p><strong>The only thing missing here is text wrapping, which means we can\u2019t see full product names.\u202f<\/strong>As we mentioned before, this can be confusing and lead to misclicks if you have many similar products in your store.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"341\" height=\"647\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Mobile-Search-Product-Name-Wrapping.png\" alt=\"Shopware Mobile Search Product Name Wrapping\" class=\"wp-image-4406\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Mobile-Search-Product-Name-Wrapping.png 341w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Mobile-Search-Product-Name-Wrapping-158x300.png 158w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/figure><\/div>\n\n\n\n<p>The last thing we wanted to check for mobile Search Placement Layout is landscape mode.&nbsp;<\/p>\n\n\n\n<p><strong>Shopware\u2019s landscape mode handles the perspective change very well by changing the layout and including a grid.<\/strong>&nbsp;<\/p>\n\n\n\n<p>However, we noticed <strong>landscape mode accidentally causes product names to disappear.\u202f<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"377\" height=\"623\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Product-Landscape-Mode.png\" alt=\"Shopware Product Search Autocomplete Landscape Mode\" class=\"wp-image-4407\" srcset=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Product-Landscape-Mode.png 377w, https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/10\/Shopware-Product-Landscape-Mode-182x300.png 182w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure><\/div>\n\n\n\n<p><strong>When setting up your online shop, make sure to test landscape mode to verify that product names appear for your shoppers.<\/strong>&nbsp;<\/p>\n\n\n\n<p>As we reach the end of our findings in Shopware&#8217;s mobile store, you should be ready to provide the best shopping experience for all visitors to your site, regardless of platform.<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:20px\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"chapter-heading\" id=\"gc4ab75ed94fc\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-getwid-section getwid-margin-top-none\" style=\"margin-bottom:-20px\"><div class=\"wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none getwid-margin-left-none getwid-margin-right-none\"><div class=\"wp-block-getwid-section__inner-wrapper\"><div class=\"wp-block-getwid-section__background-holder\"><div class=\"wp-block-getwid-section__background\"><\/div><div class=\"wp-block-getwid-section__foreground\"><\/div><\/div><div class=\"wp-block-getwid-section__content\"><div class=\"wp-block-getwid-section__inner-content\">\n<hr class=\"wp-block-separator blog-content-separator\"\/>\n<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p>First of all, it\u2019s important to reiterate that we only tested the Dockware PLAY version of Shopware for its Ecommerce site-search functionality.&nbsp;<\/p>\n\n\n\n<p>We described our experience setting up the platform for the test, did a thorough review of Shopware\u2019s search features to test functionality, and provided best practices to help you optimize your Shopware search solution.&nbsp;<\/p>\n\n\n\n<p>Overall, we found the free Dockware Play version of Shopware to have a sufficient search when testing the basic functionality,\u202flike identifying typos or providing autocomplete suggestions. That said, we believe that if you\u2019re looking for an industry-standard solution, you will need to further optimize your Shopware store with a custom solution or one from a third-party provider.&nbsp;<\/p>\n\n\n\n<p>When it comes to Enterprise size businesses, it will probably take a while to get everything up and running. However, taking time to implement the best practices above will ensure your store is fully optimized and set up for success.&nbsp;<\/p>\n\n\n\n<p>Because Shopware is an open-source platform with dedicated developers and time, optimizing the search solution is possible and can be made easier with the third-party extensions offered in the\u202f<a href=\"https:\/\/store.shopware.com\/en\/extensions\/frontend-detail-adjustment\/search\/?p=1&quot; \\t &quot;_blank\" target=\"_blank\" rel=\"noreferrer noopener\">Shopware Store<\/a>.&nbsp;<\/p>\n\n\n\n<p>Lastly, it\u2019s important to mention that Shopware offers an Enterprise version of the platform, which includes many advanced features that make it easier to optimize your search solution. However, based on Shopware\u2019s\u202f<a href=\"https:\/\/www.youtube.com\/watch?v=GDkAkoqG-aM\" target=\"_blank\" rel=\"noreferrer noopener\">Enterprise Search configuration video<\/a>, it appears this version can also be improved with the best practices and features recommended in this article.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-getwid-advanced-spacer\" style=\"height:50px\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-person author-profile-picture\"><div class=\"wp-block-getwid-person__image\"><img loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/www.prefixbox.com\/blog\/wp-content\/uploads\/2022\/11\/rebecca-small-150x150.png\" alt=\"Rebecca Pacun\" class=\"wp-image-4756\"\/><\/div><div class=\"wp-block-getwid-person__content-wrapper\"><span class=\"wp-block-getwid-person__title\">Rebecca Pacun<\/span><span class=\"wp-block-getwid-person__subtitle\">Copywriter \u2013 Prefixbox<\/span><p class=\"wp-block-getwid-person__content\">Rebecca is the Copywriter at Prefixbox, a leading Search and Discovery solution for Enterprise Ecommerce retailers. Originally from California, Rebecca works at Prefixbox&#8217;s office in Madrid.<\/p>\n<div class=\"wp-block-getwid-social-links has-default-spacing\" style=\"font-size:29px\"><ul class=\"wp-block-getwid-social-links__list getwid-justify-content-center\"><li class=\"wp-block-getwid-social-links__item\"><a class=\"wp-block-getwid-social-links__link\" href=\"https:\/\/www.linkedin.com\/in\/rebecca-pacun-22133766\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"wp-block-getwid-social-links__wrapper\"><i class=\"fab fa-linkedin\"><\/i><\/span><\/a><\/li><\/ul><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Shopware\u2019s Dockware PLAY platform is the free, community-based version they offer. It has a basic search solution that takes time to set up, but the [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":5038,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/4489"}],"collection":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/comments?post=4489"}],"version-history":[{"count":154,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/4489\/revisions"}],"predecessor-version":[{"id":7040,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/posts\/4489\/revisions\/7040"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/media\/5038"}],"wp:attachment":[{"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/media?parent=4489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/categories?post=4489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.prefixbox.com\/blog\/wp-json\/wp\/v2\/tags?post=4489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}