{"id":627,"date":"2021-06-14T13:02:34","date_gmt":"2021-06-14T13:02:34","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=627"},"modified":"2023-01-03T08:27:07","modified_gmt":"2023-01-03T08:27:07","slug":"create-search-form-in-woocommerce-products-table","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/create-search-form-in-woocommerce-products-table\/","title":{"rendered":"How to create a search form in WooCommerce products table?"},"content":{"rendered":"\n<p>Create search form for a product table is an essential step in designing an eCommerce website. Because as you add more content, you would want to help users easily find articles or products.&nbsp;<\/p>\n\n\n\n<p>This allows customers to search for the product they want easily. Also therefore makes them able to buy their desired product faster. Overall, this enhances their shopping experience on your website. This means more and more customers will come to your website and more amount of your products will be sold.&nbsp;<\/p>\n\n\n\n<p>WordPress comes with a built-in search feature, which is quite limit and not very good in finding the relevant content.&nbsp;<\/p>\n\n\n\n<p>If you are making a new WordPress website or blog, then you may not need a better search feature right away. This is where you can use the powerful and easy-to-use <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"text-decoration: underline;\">WooCommerce product table<\/span><\/a> plugin for creating a search form for a product table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-create-a-search-form-in-woocommerce-product-table-plugin\"><strong>Create a search form in WooCommerce product table plugin<\/strong><\/h2>\n\n\n\n<p>Creating a search form for a product table<strong> <\/strong>is very easy using the WooCommerce product table plugin. You can simply go to the &#8220;<strong>Search Box and Pagination<\/strong>&#8221; tab and enable search by checking the checkbox under &#8220;<strong>Search Enable\/Disable<\/strong>&#8221; field.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-enable-search-form.jpg\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-enable-search-form.jpg\" alt=\"enable search form in product table\" class=\"wp-image-638\" width=\"855\" height=\"372\"\/><\/a><\/figure>\n\n\n\n<p>This way, you can see a search box on top of the product table which the customers can use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-search-form-in-front-end.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-search-form-in-front-end.jpg\" alt=\"product table search form layout in front end\" class=\"wp-image-636\" width=\"688\" height=\"367\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-search-box-settings\"><strong>Search box settings<\/strong><\/h2>\n\n\n\n<p>There are several options you can choose when creating a search form for a product table<strong>. <\/strong>You can enable search by different product fields and different product categories \/ taxonomies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-always-show-search-form\"><strong>Always show search form<\/strong><\/h3>\n\n\n\n<p>If you check this, the search form fields are always visible. otherwise user must click on <img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/bCEFaZa3fkfpxCphDKLOxMv78rxIasEnCmo1flPfds5VyF-cqZBKxAJ0ZLvNFkAuvXxMcDISDbYu03ZkqVYRzibfOaCQaBSSnxOJi4EiBSdM3kLuCZJK3eWhX93CAxHTxJqPQTg\" style=\"width: 40px;\"> button to show search form fields.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enable-order-in-search-form\"><br><strong>Enable order in search form<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-order-products-by-search-form.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-order-products-by-search-form.jpg\" alt=\"enable order option in product table plugin\" class=\"wp-image-635\" width=\"752\" height=\"430\"\/><\/a><\/figure>\n\n\n\n<p>Enabling this helps customers to choose the order by which the search form is shown.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enable-price-in-search-form\"><strong>Enable price in search form<\/strong><\/h3>\n\n\n\n<p>This helps customers to find the products in their desired price range and make finding a suitable product easier for them. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-min-max-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-min-max-price.jpg\" alt=\"Filter products by minimum and maximum price in WooCommerce product table\" class=\"wp-image-642\" width=\"681\" height=\"435\" srcset=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-min-max-price.jpg 681w, https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-min-max-price-280x180.jpg 280w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/a><\/figure>\n\n\n\n<p>By enabling this option, the customer can also choose a price step to show the product prices based on this step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enable-status-in-search-form\"><strong>Enable status in search form<\/strong><\/h3>\n\n\n\n<p>By enabling this, the customers can search by product status:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-status.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-status.jpg\" alt=\"Filter products by status in Woocommerce product table plugin\" class=\"wp-image-644\" width=\"719\" height=\"406\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;<strong>All:<\/strong> It show all products without filtering.<\/li>\n\n\n\n<li><strong>On sale:<\/strong> This option show only on sale products.<\/li>\n\n\n\n<li><strong>In stock: <\/strong>only products that are in stock and available are show.<\/li>\n\n\n\n<li><strong>Featured products:<\/strong> this will only show featured products. These are the products that you have previously marked as featured in the products page by clicking the star next to them.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enable-sku-in-search-form\"><strong>Enable SKU in search form<\/strong><\/h3>\n\n\n\n<p>SKU is a stock keep unit, used to track products. It must be unique, and should be named so it does not clash with post IDs. SKU is an identification, usually alphanumeric, of a particular product that allows it to be tracked for inventory purposes.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-SKU.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-SKU.jpg\" alt=\"Filter products by SKU in Woocommerce product table plugin\" class=\"wp-image-643\" width=\"711\" height=\"511\"\/><\/a><\/figure>\n\n\n\n<p>Typically, SKU is associated with any purchasable item in a store or catalogue. The SKU identification for a product may or may not be made visible to a customer. If visible to customers, you can enable this option to allow customers to search by SKU.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enable-custom-taxonomy-category\"><strong>Enable custom taxonomy \/ category<\/strong><\/h3>\n\n\n\n<p>One of the powerful options of the WooCommerce product table plugin is that it is compatible with all other third party plugins. This means that if you have installed a third party plugin that adds new custom taxonomies to your website, you will be able to use them as search options in the \u2018<strong>Search Box<\/strong>\u2019 tab.<\/p>\n\n\n\n<p>For example, if you have installed a third party plugin that adds the brand taxonomy to your website, you can enable this option to allow customers to search based on the product brand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-brand.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-brand.jpg\" alt=\"Filter products by brand or other custom taxonomies in Woocommerce product table plugin\" class=\"wp-image-640\" width=\"717\" height=\"511\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable product categories<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Searching by category is a very important option for creating a search form for a product table.<\/p>\n\n\n\n<p>For example, the customers don\u2019t have the time and the patience to go through all types of clothing while they are only looking for shoes.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-category.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-category.jpg\" alt=\"Filter products by category\" class=\"wp-image-641\" width=\"711\" height=\"499\"\/><\/a><\/figure>\n\n\n\n<p>Letting them search among products by category saves their time, which means they will have more time to go through other products on your website, which in return raises the probability that they buy more products.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Product tags<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Product tags are the smaller, finer, classification options compared to categories. If you sell picture frames, you might have five different sizes. You would use product tags to distinguish these different sizes. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-tag.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-filter-products-by-tag.jpg\" alt=\"Filter products by tags\" class=\"wp-image-634\" width=\"711\" height=\"502\"\/><\/a><\/figure>\n\n\n\n<p>With this being said, you can see how important it is to allow customers to search by tags. You can also enable search by color in \u2018Enable Color\u2019 which also helps better distinguish different products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-search-form-in-product-table-front-end\"><strong>Search form in product table front-end<\/strong><\/h2>\n\n\n\n<p>Here you can see an example of a search box:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-enable-all-filters-on-product-table.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-enable-all-filters-on-product-table.jpg\" alt=\"Woocommerce product table plugin after active all filters in filter form\" class=\"wp-image-637\" width=\"1024\" height=\"576\"\/><\/a><\/figure>\n\n\n\n<p>As you can see the customer is able to sort by ID, Title, Price, Rating, Popularity and etc\u2026. these can all be added to the search box using the options explained above such as enable custom taxonomy\/ category, enable SKU and \u2026<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Using an eCommerce plugin like WooCommerce makes it easy to get an online store set up on your WordPress site, getting all of your products into the site and configure a shopping cart and payment gateways. The more products you have, the harder it is for customers to get to the product they want. An intuitive search gets them there.<\/p>\n\n\n\n<p>Creating a search form for a product table helps users stay on your website, boosts engagement, and ultimately leads to higher conversions and sales.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create search form for a product table is an essential step in designing an eCommerce website. Because as you add more content, you would want to help users easily find articles or products.&nbsp; This allows customers to search for the product they want easily. Also therefore makes them able to buy their desired product faster. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-627","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=627"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/627\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}