{"id":3204,"date":"2020-11-02T09:15:39","date_gmt":"2020-11-02T09:15:39","guid":{"rendered":"https:\/\/www.futurestatemedia.com\/?p=3204"},"modified":"2020-11-03T12:53:10","modified_gmt":"2020-11-03T12:53:10","slug":"woocommerce-product-search-default-vs-advanced-vs-page-builder","status":"publish","type":"post","link":"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/","title":{"rendered":"WooCommerce Product Search &#8211; Default vs Advanced vs Page Builder"},"content":{"rendered":"<p class=\"wp-block-paragraph\">When it comes to providing a Product Search Function for WooCommerce stores you&#8217;ve got a few options. Fair warning here though, unless you have a WooCommerce store with a customer base that demands product search you could be refining a very disused part of your store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On-site search happens very infrequently in most cases. Relying on your customers using on-site Product Search should probably be a last resort.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think about it. If your customer is forced to search (after performing a search to land on your site anyway!) you&#8217;re creating friction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore avoiding reliance on search within your WooCommerce store should be the aim.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Great user experience, organisation and flow within menus and pages should naturally lead a customer around your eCommerce store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">BUT that doesn&#8217;t mean we should completely neglect on-site product search for WooCommerce stores.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_Product_Search_Options\"><\/span>WooCommerce Product Search Options<span class=\"ez-toc-section-end\"><\/span><\/h2><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a8368a0ed34d\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a8368a0ed34d\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#WooCommerce_Product_Search_Options\" >WooCommerce Product Search Options<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#WooCommerce_Default_Product_Search_Widget\" >WooCommerce Default Product Search Widget.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#WooCommerce_Product_Search_Field_Plugin_Paid\" >WooCommerce Product Search Field Plugin (Paid)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#Advanced_Woo_Search_%E2%80%93_WooCommerce_Product_Search\" >Advanced Woo Search &#8211; WooCommerce Product Search<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#Problem_Solving_WooCommerce_Product_Search\" >Problem Solving WooCommerce Product Search<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#Divi_Builder_Search_Module_for_WooCommerce_Products_%E2%80%93_Issues\" >Divi Builder Search Module for WooCommerce Products &#8211; Issues<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/#You_may_have_searched_for\" >You may have searched for:<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_Default_Product_Search_Widget\"><\/span>WooCommerce Default Product Search Widget.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes &#8211; WooCommerce comes with a &#8220;Product Search&#8221; Widget by default. You&#8217;ll find it in the list of Widgets in your WordPress Admin dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We typically see this widget neglected in terms of styling by most themes and page builders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This WooCommerce &#8220;Product Search&#8221; widget performs the basic and useful function of searching ONLY the product catalogue, and presenting the results on a page styled like a Product Category page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Does what it says on the tin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">May need some custom CSS to make it look how you&#8217;d prefer.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_Product_Search_Field_Plugin_Paid\"><\/span>WooCommerce Product Search Field Plugin (Paid)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This basically provides a few more advanced features for product searches and is available from the WooCommerce Extensions Marketplace.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-woocommerce\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"IuXUlsa5Or\"><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-product-search\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Product Search<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;WooCommerce Product Search&#8221; &#8212; WooCommerce\" src=\"https:\/\/woocommerce.com\/products\/woocommerce-product-search\/embed\/#?secret=AHtPCC0HOq#?secret=IuXUlsa5Or\" data-secret=\"IuXUlsa5Or\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ve talked about the benefits of buying WooCommerce Plugins from the Extensions Marketplace before, and they apply here. The fact that this plugin will get tested against every WooCommerce core plugin release does provide you with the reassurance that your site search won&#8217;t completely break due to an update.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That of course comes at the cost of $49 per year. But hey, how much time could be wasted fixing a plugin compatibility issue? Or maybe if your site relies heavily on on-site Product Search, how many sales could you lose whilst a plugin clash hampers your site?<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advanced_Woo_Search_%E2%80%93_WooCommerce_Product_Search\"><\/span>Advanced Woo Search &#8211; WooCommerce Product Search<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For a free plugin, this one really does smash it out of the park in my opinion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With 50,000+ downloads as of right now there are plenty of others that agree. It&#8217;s a highly supported plugin, and there are tonnes of users who are also using this plugin meaning the bug-catch and fix cycle is fast. This seriously reduces the risk of fundamental clashes with the core WooCommerce plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The ability to preview search results as you type has become a bit of an expectation across the internet as users don&#8217;t want to blindly search &#8211; they want to be guided on their search, as they&#8217;re searching!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Advanced WooCommerce Search nails it as far as we&#8217;re concerned. The search function is great, the search results are displayed on a page that&#8217;s styled exactly like a WooCommerce Category page (again fitting with user expectation) and obviously, only the product catalogue is searched.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"3XUcNWT5k4\"><a href=\"https:\/\/en-gb.wordpress.org\/plugins\/advanced-woo-search\/\" target=\"_blank\" rel=\"noopener\">Advanced Woo Search<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Advanced Woo Search&#8221; &#8212; Plugin Directory\" src=\"https:\/\/en-gb.wordpress.org\/plugins\/advanced-woo-search\/embed\/#?secret=9WRuPMvH8l#?secret=3XUcNWT5k4\" data-secret=\"3XUcNWT5k4\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Problem_Solving_WooCommerce_Product_Search\"><\/span>Problem Solving WooCommerce Product Search<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Divi_Builder_Search_Module_for_WooCommerce_Products_%E2%80%93_Issues\"><\/span>Divi Builder Search Module for WooCommerce Products &#8211; Issues<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s a well established issue with MANY threads on the Elegant Themes support forum in that the Divi Builder Search Module DOESN&#8217;T support searching only for Products in WooCommerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead you&#8217;re presented with a list of posts, pages and product pages in a &#8220;blog search&#8221; design, NOT in the styling of a WooCommerce category (archive) page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You do however have the ability to insert a &#8220;Widget&#8221; module with the Divi Builder and then you can insert a product search widget such as the default WooCommerce Product Search widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s a basic fix &#8211; and probably the intention of Divi to utilise built in WooCommerce Search functionality as opposed to duplicating the functionality within the Divi Builder or Divi Theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Of course you can also use Advanced Woo Search in a widget in the same way as above, or insert the search box with a shortcode of course.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"You_may_have_searched_for\"><\/span>You may have searched for:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce product search shortcode<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce product search plugin<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce product search<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search page<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search plugin<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search results<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search shortcode<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce advanced search plugin<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">yith woocommerce ajax search<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search by sku<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce search not working<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">best woocommerce search plugin<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">woocommerce advanced search<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>When it comes to providing a Product Search Function for WooCommerce stores you&#8217;ve got a few options. Fair warning here though, unless you have a WooCommerce store with a customer base that demands product search you could be refining a very disused part of your store. On-site search happens very infrequently in most cases. Relying&hellip; <a class=\"more-link\" href=\"https:\/\/www.futurestatemedia.com\/en\/woocommerce-product-search-default-vs-advanced-vs-page-builder\/\">Continue reading <span class=\"screen-reader-text\">WooCommerce Product Search &#8211; Default vs Advanced vs Page Builder<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[24],"tags":[],"class_list":["post-3204","post","type-post","status-publish","format-standard","hentry","category-amazon-fba","entry"],"_links":{"self":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/comments?post=3204"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3204\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/media?parent=3204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/categories?post=3204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/tags?post=3204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}