Filter Product by Tags in WooCommerce

Step 1: Create a Tag

1. Navigate to Tags:
   • Go to Products > Tags in your WordPress dashboard.
2. Add a New Tag:
   • Fill in the required fields:
     • Name: Enter the name of the tag (e.g., New Arrival).
     • Slug: Create a URL-friendly version of the tag name (e.g., new-arrival).
     • Description: Provide a description for the tag (optional).
   • Click the Add New Tag button.
   • The new tag will appear in the list.

Step 2: Add the Tag to a Product

1. Go to All Products:
   • Navigate to Products > All Products.
2. Edit or Add a New Product:
   • Click on an existing product to edit it or click Add New to create a new product.
3. Assign the Tag:
   • On the product edit page, locate the Tags section on the right panel.
   • Check the box next to the tag you want to assign (or click Add New Tag to create a new one).
   • After selecting the tag, click Update or Publish to save your changes.

Step 3: Manage Tags in the Filter Widget Form

1. Access Filter Settings:
   • Go to Product Filters > Form Manage in your WordPress dashboard.
2. Show Tags:
   • In the settings, find the Show Tags option.
   • Toggle this option on or off to control whether tags appear in the filter widget.

Step 4: Style/Design/Customize the Tags Widget

1. Access Form Style Settings:
   
   • Go to Product Filters > Form Style in your WordPress dashboard.
2. Select Tags from Dropdown:
   
   • From the Select Attribute dropdown menu, choose tags.
3. Choose Tags Style Options:
   
   • Select one of the style options:
     • Checkbox
     • Color
     • Image
     • Select
   • Each option provides a different way for users to interact with the filter.
4. Select Suboptions:
   
   • Depending on the style option you choose (Checkbox, Color, Image or Select), select the appropriate suboptions to configure the appearance and behavior of the tags widget.
5. Save Changes:
   
   • After customizing the tags widget, make sure to click Save to apply your changes.

Step 5: Display the Product Filter on Your Webpage

1. Insert Filter Shortcode:
   • Visit the page where you want to display the product filter.
   • Add the shortcode plugincy_filters to the desired location (e.g., in a page or widget).
2. Optional Product Shortcode:
   • If you want to display products alongside the filters, you can also include the shortcode products.
3. Customize Sidebar or Page:
   • You can add the filter shortcode to a sidebar widget or directly within a page’s content.

Once you complete these steps, customers will be able to filter products by tags on your webpage using the Dynamic AJAX Product Filters plugin. This feature enhances the shopping experience by allowing users to quickly find products that match their specific tags or interests.