FAIR

Federated and Independent Repositories

Select and Multi-Select Field for Contact Form 7

Plugin Banner

Select and Multi-Select Field for Contact Form 7

by Yash Baldawa

Download
Description

This plugin uses Select2 , a jQuery plugin which replaces traditional select boxes with a customizable one with a capability for a search on the contact form 7.
This plugin generates both single select and multi-select field and allows us to add placeholder, specify width and add required input validation.

Required Plugin

Contact Form 7 by Takayuki Miyoshi is required for this plugin to work.

Credits

Select2
Contact Form 7

Automatic Installation

  1. First Install Contact Form 7 if not installed (Required).
  2. On the left side menu select Plugins > Add New
  3. In Search Plugins field enter “Select and Multi-Select CF7” and search
  4. Press “Install Now” button
  5. Done and Enjoy.

Manual Installation

  1. Download the archived zip file from WordPress Repository.
  2. Upload the plugin on wp-content/plugins directory.
  3. On the WordPress Admin Dashboard Navigate to Plugin > Installed Plugins.
  4. Locate the plugin and activate it.
  5. Done and Enjoy.
  1. screenshot-1.png

    screenshot-1.png

  2. screenshot-2.png

    screenshot-2.png

  3. screenshot-3.png

    screenshot-3.png

How to set Select and Multi-Select input width?

You can pass the input width when you generate the form input tag. Default is 400px.

How to set Select and Multi-Select Input Placeholder?

You can pass the input placeholder when you generate the form input tag (Default is –Please Select–).

How to Add Multiple Select Box

You can enable the multiple option when you generate the form input tag.

How to change default width and placeholder

By Moktar (Eng_A_Moktar) on March 10, 2025

Thank you for this amazing plugin, very usefull

I cant change the default placeholder with more than a word like "choose please"

After submit, the multi select won't auto reset default

By chrisong81 on November 27, 2020

Hi, Kindly check with you how to reset (default value) after submit the contact form 7. Thanks.

Top plugin but should be updated to add responsiveness

By kevincoppens on October 28, 2020

Here is the code to have responsiveness: 
.select2-container{
	width: 100% !important;
}

not responsive for mobiles and tablets

By freedom667 on September 25, 2020

it is not responsive for mobiles. I looked this from my tablet, its size exceeds the screen limit

Very good

By pavelpopravkin on August 27, 2020

Very nice plugin, thank you. But I can't use the Russian language in a placeholder. Add please more languages in the plugin.

Very Promising Plugin

By the masked cat (iniblogbudi) on June 23, 2020

This plugin is very promising as jQuery autocomplete is a must feature for a huge list option field. Eg for country or city list. The other country or city list plugins are not easy to custom. I found some aspects that could be improved, but the basic feature is very good for now. I hope the author continue to develop this plugin, because I am sure that many people need this plugin's help. If for now not many CF7 user install it, it just because they are has not found this plugin yet. For the author, thank you very much!

1.1

  • Compatible with WordPress 5.3 and CF7 5.1.6
  • Added Support for Languages for French, Chinese (Simplified) and Hindi
  • Fixed minor bugs

1.0

Initial Release

Back to top