Contact Form 7 now comes with a Datepicker function built-in

 

Contact Form 7 Datepicker Function

Contact Form 7 Datepicker Function

 

The most popular of all contact form plugins for WordPress, Contact Form 7 now comes with a Datepicker function built-in to the form tag Generator. Previous versions of Contact Form 7 had no Datepicker function, another plugin called Datepicker had to be installed to add this function, but no more.

 

1: Select Contact Form – Add New

Select Contact Form - Add New

Select Contact Form – Add New


 
 

2: Click Generate Tag and select Date

Click Generate Tag and select Date

Click Generate Tag and select Date


 
 

3: Datepicker tag has many options

Datepicker tag has many options

Datepicker tag has many options


 
 

4: Fill in the fields you require

Fill in the fields you require

Fill in the fields you require


 
 

5: Copy and paste the generated tag into the Form HTML section

Copy and paste the generated tag into the Form HTML section

Copy and paste the generated tag into the Form HTML section


 
 

6: Copy the tag into the Mail field below

Copy the tag into the Mail field below

Copy the tag into the Mail field below


 
 

Click Save then copy the Contact Form code

Click Save then copy the Contact Form code

Click Save then copy the Contact Form code


 
 

Paste the Contact Form code into your Post and click Update

Paste the Contact Form code into your Post and click Update

Paste the Contact Form code into your Post and click Update


 
 

The completed form with Datepicker fields

The completed form with Datepicker fields

The completed form with Datepicker fields


 
 

When a visitor clicks the arrow in the Datefield, a Calendar appears

When a visitor clicks the arrow in the Datefield, a Calendar appears

When a visitor clicks the arrow in the Datefield, a Calendar appears


 
 

Here’s how the Datepicker functions are displayed in the email generated by the Contact Form

Here's how the Datepicker functions are displayed in the email generated by the Contact Form

Here's how the Datepicker functions are displayed in the email generated by the Contact Form


 
 
 
 


Pin It on Pinterest

Share This