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, and more.
• Dropdown or Select2 Layout: Choose between a simple dropdown or a more advanced Select2 layout for the dropdown with custom formatting options.
• 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
• 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-62 id:product-dropdown category:Music layout_style:dropdown show_price]
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

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

Contributors & Developers

Changelog

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.