Product Dropdown Selector for Contact Form 7

The Product Dropdown Selector for Contact Form 7 plugin integrates WooCommerce with Contact Form 7, enabling you to easily add a product dropdown field with advanced filtering options. This plugin simplifies the process of adding WooCommerce product selectors to your forms and allows for customizable layouts (e.g., Dropdown or Select2).

Key Features:

• Customizable Field Name and ID: Define the field name and ID for the product dropdown.
• Advanced Product Filters: Filter products by category, tag, color, size, stock status, price (set min and max value), product ID (enter product IDs separated by “-“, e.g., 1-2-3) and more filter options.
• Dropdown or Select2 Layout: Choose between a simple dropdown or a more advanced Select2 layout for the dropdown with custom formatting options.
• Search Bar and Multiple Selection for Select2: Enable or disable the search bar and allow multiple product selection in the Select2 layout.
• Conditional Display of Options: Show/hide certain options, like the product details section, based on the selected layout style (Dropdown or Select2).
• Order By and Order Direction Options: Sort products by Date or Title, with Ascending or Descending options.
• Responsive: Works well on both desktop and mobile devices.
• WooCommerce Integration: Seamlessly pulls product data from WooCommerce, ensuring the dropdown is always up-to-date.
• Featured and Best-Selling Products: Include options to filter by featured or best-selling products.
• Multiple Dropdowns Support: Add multiple dropdowns in one form.
• Product Images Support: Option to display product images in the dropdown.
• Customizable Product Image Size: Set the size of product images in the dropdown.
• Customizable Appearance: Add custom CSS classes to the dropdown for styling purposes.

Learn More:

✨Documentation
✨Live Demo

Usage

Once the plugin is activated, follow these steps to add the product dropdown to your Contact Form 7 forms:

1. Go to Contact > Contact Forms in the WordPress dashboard.
2. Edit or create a new form.
3. Insert the product dropdown field using the generated shortcode.
   Example:
   [product_dropdown product-dropdown-345 id:product-dropdown category:Music layout_style:dropdown show_dropdown_style show_price show_img pdscf7_img_size:80 order_by:date order_direction:ASC]
4. Customize the options as needed (e.g., product category, tags).
5. Save the form and use the shortcode in your pages or posts.

License

This plugin is licensed under the GPLv3 or later license.