How To Add Placeholder Text in Contact Form 7 WordPress Plugin

How To Add Placeholder Text in Contact Form 7 WordPress Plugin

Contact Form 7 WordPress plugin allows you to add Placeholder text. So, you can eliminate the standard Your Name (required) next to the input fields and use HTML5 Placeholder.

This is how a placeholder can be added in Contact Form 7.

Placeholder text for Name Field in Contact Form 7
[text your-name placeholder "Your name here"]
Contact Form 7 Text Field Placeholder Text

Placeholder text for Email Field in Contact Form 7
[email your-email placeholder "Your email here"]
Contact Form 7 Email Field Placeholder Text

Placeholder text for Telephone Field in Contact Form 7
[tel tel-103 placeholder "Your phone no"]
Contact Form 7 Telephone Field Placeholder Text

Placeholder text for URL Field in Contact Form 7
[url url-75 placeholder "https://example.com/"]
Contact Form 7 Url Field Placeholder Text

Placeholder text for Number Field in Contact Form 7
[number number-212 placeholder "Number of members"]
Contact Form 7 Number Field Placeholder Text

Placeholder text for Select Option in Contact Form 7
[select Text first_as_label "Select Option" "Option 1" "Option 2"]
Contact Form 7 Select Option Field Placeholder Text

Placeholder text for Textarea in Contact Form 7
[textarea your-message placeholder "Your message here"]
Contact Form 7 Textarea Field Placeholder Text

Below are the complete Shortcodes used to Add Placeholder Text in Contact Form 7.

Contact Form 7 Placeholder Code

This is the complete contact form resulted after implementing the Shortcodes, as mentioned above.
Placeholder Text in Contact Form 7

Placeholder in contact form 7 can be used for fields like text, email, url, tel, textarea, select, number.