This article is about adding placeholders using the Contact Form 7 form editor. To learn about adding placeholders using the CF7 Skins Visual Editor, see Adding placeholders in your Contact Form 7 forms (with Visual Editor).
.
Adding placeholders to your Contact Form 7 (CF7) forms offers the following advantages:
- Make it easier for users to understand the info required in your form
- Include detailed examples in each form field
- Supplement shorter information given in form field labels.
In this article, we show you how to add placeholders in your Contact Form 7 forms using the Contact Form 7 form editor.
1. Using the CF7 Form Tab
You can use the CF7 Form Tab to add a placeholder in your form field by following these steps:
1. Go to your Contact >> Contact Forms >> Form.
2. In the [text* your-name] part of your field, add placeholder "Enter your name".
3. Update all the fields with necessary placeholders.
2. Using CF7 Form-tag Generator
You can also add placeholders from the Form-tag Generator for Text Fields:
1. Go to your Contact >> Contact Forms >> Form.
2. Select text option from the list of CF7 tags.
3. In the pop-up box, enter your placeholder in the Default value field.
4. Select Use this text as the placeholder of the field to add the Default value as a placeholder.
5. Click Insert Tag.
6. Repeat on each field where you want to add a placeholder.
Further Reading
- Contact Form 7 Documentation – Placeholders
- Easily Add Contact Form 7 Placeholder Text To Any Input Field – Video
- Better Contact Form 7 Checkboxes & Radio Buttons
