![\"product](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-product-table-without-search-form.jpg\")
<\/a><\/figure>\n\n\n\nSo, in this Tutorial we want to show you how to create a search form by category and attributes of your products. This can help to improve your customer experience when purchasing things from your online store.<\/p>\n\n\n\n
Create a WooCommerce Search form<\/strong><\/h2>\n\n\n\nTo create a WooCommerce custom search form you have to go to the \u201cSearch box and Pagination<\/strong>\u201d in the Woocommerce product table plugin. Then mark the checkbox next to \u201cEnable<\/strong>\u201d under \u201cSearch Enable\/disable<\/strong>\u201d Field:<\/p>\n\n\n\n![\"Enable](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-enable-search-form.jpg\")
<\/a><\/figure>\n\n\n\nNow by scrolling down, you can see many different options which are available for managing the items for filtering the products in the table.<\/p>\n\n\n\n
Enable WooCommerce search by category in the search form<\/strong><\/h2>\n\n\n\nEnabling customers to search the WooCommerce products by category is possible by marking the check box next to \u201cEnable Product Categories<\/strong>\u201d.<\/p>\n\n\n\n![\"Enable](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-active-search-by-category.jpg\")
<\/a><\/figure>\n\n\n\nNow, let\u2019s go and see how these settings changes the appearance of our product table by clicking on \u201cUpdate<\/strong>\u201d and opening the table page:<\/p>\n\n\n\nThat\u2019s really amazing. The Search Form has been displayed at the top of the table. Now, customers can filter the products by their categories after clicking on next to the search box.<\/p>\n\n\n\n![\"Search](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/08-search-form-in-front-end.jpg\")
<\/a><\/figure>\n\n\n\nBut this is not the end of story, your customers can also <\/p>\n\n\n\n
\n- See the list of your categories and select one of them<\/li>\n<\/ul>\n\n\n\n
\n- Select how to order for display product in the table: Ascending or Descending<\/li>\n<\/ul>\n\n\n\n
![\"Sort](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-category-andsort-filters.jpg\")
<\/a><\/figure>\n\n\n\nEnable WooCommerce search by attributes in the search form<\/strong><\/h2>\n\n\n\nAs you may notice to the fields under \u201cCategory \/ Taxonomy<\/strong>\u201d in the \u201cSearchbox and Pagination<\/strong>\u201d tab, all of the attributes related to your products have been listed there and you can choose any of them to be displayed in the search form:<\/p>\n\n\n\n![\"Enable](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-filter-by-product-attribute.jpg\")
<\/a><\/figure>\n\n\n\nFor example, we selected \u201cEnable Product Color<\/strong>\u201d and our filter form turned out to be like below:<\/p>\n\n\n\n![\"Filter](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-filter-products-by-color.jpg\")
<\/a><\/figure>\n\n\n\nAs it is shown in the above, a search box named product color has been added to the search form. This field enable customers to filter their products by selecting their favorite color.<\/p>\n\n\n\n
Add attributes to the search forms<\/strong><\/h3>\n\n\n\nThere is no need to be worried about adding attributes of products to the search fields. As soon as you add one attribute to the products, an extra field will be added to the \u201cSearch Box and pagination<\/strong>\u201d tab, automatically.<\/p>\n\n\n\nFor example, we decided to add \u201cMaterial<\/strong>\u201d as an attribute to our products.<\/p>\n\n\n\nWe added it to the Attributes of products as you can see in the below picture:<\/p>\n\n\n\n![\"add](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-add-attribute-in-woocommerce.jpg\")
<\/a><\/figure>\n\n\n\nWe also added \u201cWool\u201d and \u201cCotton\u201d under \u201cMaterial\u201d attribute in the configure items as below:<\/p>\n\n\n\n![\"add](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-add-term-to-custom-attribute-in-woocommerce.jpg\")
<\/a><\/figure>\n\n\n\nWhen we came back to the \u201cSearch Box and Pagination<\/strong>\u201d tab, we observed that the magic had happened and the \u201cMaterial\u201d had been added as a field. So, we enabled by clicking on the check mark to see how the search form in the table would be:<\/p>\n\n\n\n![\"enable](\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-content\/uploads\/sites\/3\/2021\/02\/10-add-product-material-filter.jpg\")
<\/a><\/figure>\n\n\n\n
<\/a><\/figure>\n\n\n\nNow by scrolling down, you can see many different options which are available for managing the items for filtering the products in the table.<\/p>\n\n\n\n
Enable WooCommerce search by category in the search form<\/strong><\/h2>\n\n\n\nEnabling customers to search the WooCommerce products by category is possible by marking the check box next to \u201cEnable Product Categories<\/strong>\u201d.<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nNow, let\u2019s go and see how these settings changes the appearance of our product table by clicking on \u201cUpdate<\/strong>\u201d and opening the table page:<\/p>\n\n\n\nThat\u2019s really amazing. The Search Form has been displayed at the top of the table. Now, customers can filter the products by their categories after clicking on next to the search box.<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nBut this is not the end of story, your customers can also <\/p>\n\n\n\n
\n- See the list of your categories and select one of them<\/li>\n<\/ul>\n\n\n\n
\n- Select how to order for display product in the table: Ascending or Descending<\/li>\n<\/ul>\n\n\n\n
<\/a><\/figure>\n\n\n\nEnable WooCommerce search by attributes in the search form<\/strong><\/h2>\n\n\n\nAs you may notice to the fields under \u201cCategory \/ Taxonomy<\/strong>\u201d in the \u201cSearchbox and Pagination<\/strong>\u201d tab, all of the attributes related to your products have been listed there and you can choose any of them to be displayed in the search form:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nFor example, we selected \u201cEnable Product Color<\/strong>\u201d and our filter form turned out to be like below:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nAs it is shown in the above, a search box named product color has been added to the search form. This field enable customers to filter their products by selecting their favorite color.<\/p>\n\n\n\n
Add attributes to the search forms<\/strong><\/h3>\n\n\n\nThere is no need to be worried about adding attributes of products to the search fields. As soon as you add one attribute to the products, an extra field will be added to the \u201cSearch Box and pagination<\/strong>\u201d tab, automatically.<\/p>\n\n\n\nFor example, we decided to add \u201cMaterial<\/strong>\u201d as an attribute to our products.<\/p>\n\n\n\nWe added it to the Attributes of products as you can see in the below picture:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nWe also added \u201cWool\u201d and \u201cCotton\u201d under \u201cMaterial\u201d attribute in the configure items as below:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nWhen we came back to the \u201cSearch Box and Pagination<\/strong>\u201d tab, we observed that the magic had happened and the \u201cMaterial\u201d had been added as a field. So, we enabled by clicking on the check mark to see how the search form in the table would be:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n
<\/a><\/figure>\n\n\n\nNow, let\u2019s go and see how these settings changes the appearance of our product table by clicking on \u201cUpdate<\/strong>\u201d and opening the table page:<\/p>\n\n\n\n That\u2019s really amazing. The Search Form has been displayed at the top of the table. Now, customers can filter the products by their categories after clicking on next to the search box.<\/p>\n\n\n\n But this is not the end of story, your customers can also <\/p>\n\n\n\n As you may notice to the fields under \u201cCategory \/ Taxonomy<\/strong>\u201d in the \u201cSearchbox and Pagination<\/strong>\u201d tab, all of the attributes related to your products have been listed there and you can choose any of them to be displayed in the search form:<\/p>\n\n\n\n For example, we selected \u201cEnable Product Color<\/strong>\u201d and our filter form turned out to be like below:<\/p>\n\n\n\n As it is shown in the above, a search box named product color has been added to the search form. This field enable customers to filter their products by selecting their favorite color.<\/p>\n\n\n\n There is no need to be worried about adding attributes of products to the search fields. As soon as you add one attribute to the products, an extra field will be added to the \u201cSearch Box and pagination<\/strong>\u201d tab, automatically.<\/p>\n\n\n\n For example, we decided to add \u201cMaterial<\/strong>\u201d as an attribute to our products.<\/p>\n\n\n\n We added it to the Attributes of products as you can see in the below picture:<\/p>\n\n\n\n We also added \u201cWool\u201d and \u201cCotton\u201d under \u201cMaterial\u201d attribute in the configure items as below:<\/p>\n\n\n\n When we came back to the \u201cSearch Box and Pagination<\/strong>\u201d tab, we observed that the magic had happened and the \u201cMaterial\u201d had been added as a field. So, we enabled by clicking on the check mark to see how the search form in the table would be:<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n\n
\n
<\/a><\/figure>\n\n\n\nEnable WooCommerce search by attributes in the search form<\/strong><\/h2>\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\nAdd attributes to the search forms<\/strong><\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n