Product Dropdown Field For Contact Form 7

Description

Product List Field for Contact Form 7 is a WordPress plugin that extends Contact Form 7 by allowing WooCommerce products to be displayed inside a form as a selectable list or dropdown. This allows users to choose a product directly when submitting an inquiry or request.

Video Tutorial

Watch the video below to learn how to use the Product List Field for Contact Form 7 plugin:

Requirements

• WordPress (latest stable version recommended)
• WooCommerce (installed and activated)
• Contact Form 7 (installed and activated)

Installation

1. Log in to your WordPress admin dashboard.
2. Navigate to Plugins → Add New.
3. Search for Product List Field for Contact Form 7.
4. Click Install Now.
5. After installation, click Activate.

Adding Product List Field to Contact Form 7

1. Go to Contact → Contact Forms.
2. Edit an existing form or create a new one.
3. In the form editor, locate the product list field option.
4. Click the field button to configure the product list.
5. Select the product filtering option as required.
6. Insert the generated form tag into the form editor.
7. Save the form.

Using the Product List in a Form

After adding the product list field, the form will display WooCommerce products for selection. When the form is submitted, the selected product information is included in the submission data.

Email Configuration

1. Open the form in Contact Form 7.
2. Go to the Mail tab.
3. Insert the product field name into the email body.
4. Save the form to apply changes.

Multilingual Compatibility

The plugin supports multilingual setups and follows the active language configuration of the website, allowing product names and labels to be translated.

Common Use Cases

• Product inquiry forms
• Quote request forms
• Wholesale order forms
• Custom product selection forms
• Pre-sales contact forms

Troubleshooting

Products not displaying

• Ensure WooCommerce is active.
• Verify products are published.
• Check product filtering settings.

Form submission issues

• Confirm required fields are filled.
• Check Contact Form 7 validation messages.

Support

For support or issue reporting, use the available support options provided with the plugin through your WordPress dashboard.