Title: Product Dropdown Selector for Contact Form 7 Author: Pluginorbit Published: January 24, 2025 Last modified: July 13, 2025 --- Search plugins ![](https://ps.w.org/product-dropdown-selector-for-contact-form-7/assets/banner- 772x250.png?rev=3228106) ![](https://ps.w.org/product-dropdown-selector-for-contact-form-7/assets/icon-256x256. png?rev=3228106) # Product Dropdown Selector for Contact Form 7 By [Pluginorbit](https://profiles.wordpress.org/pluginorbit/) [Download](https://downloads.wordpress.org/plugin/product-dropdown-selector-for-contact-form-7.1.3.zip) * [Details](https://wordpress.org/plugins/product-dropdown-selector-for-contact-form-7/#description) * [Reviews](https://wordpress.org/plugins/product-dropdown-selector-for-contact-form-7/#reviews) * [Installation](https://wordpress.org/plugins/product-dropdown-selector-for-contact-form-7/#installation) * [Development](https://wordpress.org/plugins/product-dropdown-selector-for-contact-form-7/#developers) [Support](https://wordpress.org/support/plugin/product-dropdown-selector-for-contact-form-7/) ## Description 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](https://pluginorbit.com/docs/getting-started/) ✨[Live Demo](https://demo.pluginorbit.com/product-dropdown-selector-for-contact-form-7/) ### 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. ## Screenshots [⌊Screenshot of the Contact Form 7 form with the product dropdown.⌉⌊Screenshot of the Contact Form 7 form with the product dropdown.⌉[ Screenshot of the Contact Form 7 form with the product dropdown. [⌊Screenshot of the admin panel where you can configure the dropdown settings.⌉⌊ Screenshot of the admin panel where you can configure the dropdown settings.⌉[ Screenshot of the admin panel where you can configure the dropdown settings. [⌊Example of the product dropdown with applied filters.⌉⌊Example of the product dropdown with applied filters.⌉[ Example of the product dropdown with applied filters. [⌊Example of the Select2 dropdown layout with product images and titles.⌉⌊Example of the Select2 dropdown layout with product images and titles.⌉[ Example of the Select2 dropdown layout with product images and titles. [[ ## Installation 1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install the plugin through the WordPress plugin repository. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Add the product dropdown field in your Contact Form 7 form using the provided shortcode. 4. Configure the dropdown field by selecting the filter options, field name, ID, and other settings. 5. Save and preview the form to ensure the product dropdown is functioning as expected. ## FAQ ### How do I add a product dropdown to my Contact Form 7? Insert the generated shortcode into the form editor. Customize options like product filter, field ID, and layout. ### Is this plugin compatible with all WordPress themes? Yes, it works with any theme that supports Contact Form 7 and WooCommerce. ### Can I use custom CSS for the dropdown? Yes, you can add CSS classes to the dropdown for full styling flexibility. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Product Dropdown Selector for Contact Form 7” is open source software. The following people have contributed to this plugin. Contributors * [ Pluginorbit ](https://profiles.wordpress.org/pluginorbit/) [Translate “Product Dropdown Selector for Contact Form 7” into your language.](https://translate.wordpress.org/projects/wp-plugins/product-dropdown-selector-for-contact-form-7) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/product-dropdown-selector-for-contact-form-7/), check out the [SVN repository](https://plugins.svn.wordpress.org/product-dropdown-selector-for-contact-form-7/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/product-dropdown-selector-for-contact-form-7/) by [RSS](https://plugins.trac.wordpress.org/log/product-dropdown-selector-for-contact-form-7/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2 * Added **Product ID filter** to allow filtering products by specific product IDs. * Added **Show Product Image option** to display product images in the dropdown. * Added **Product Image Size option** to customize image size in the dropdown. #### 1.1 * Added **Stock Status filter** to allow filtering products by in-stock or out- of-stock status. * Added **Order By and Order Direction options** to sort products by Date or Title in Ascending or Descending order. #### 1.0 * Initial release of the Product Dropdown Selector for Contact Form 7 plugin. ## Meta * Version **1.3** * Last updated **1 year ago** * Active installations **30+** * WordPress version ** 5.0 or higher ** * Tested up to **6.8.6** * PHP version ** 7.0 or higher ** * Tags * [contact form 7](https://wordpress.org/plugins/tags/contact-form-7/)[product filter](https://wordpress.org/plugins/tags/product-filter/) [Woocommerce dropdown](https://wordpress.org/plugins/tags/woocommerce-dropdown/) * [Advanced View](https://wordpress.org/plugins/product-dropdown-selector-for-contact-form-7/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/product-dropdown-selector-for-contact-form-7/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/product-dropdown-selector-for-contact-form-7/reviews/) ## Contributors * [ Pluginorbit ](https://profiles.wordpress.org/pluginorbit/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/product-dropdown-selector-for-contact-form-7/)