Tip: In this article, we show you how to use placeholders as example text, which gives further information on the inputs required on each form field.
Placeholder as Example Text
You can use placeholders to show an example of each field on your Contact Form 7 forms by adding it as a placeholder.
Using CF7 Skins Visual Editor
Tip: See How to add placeholders using the CF7 Skins Visual Editor for detailed step by step instructions.
You can copy the placeholder values used in this example:
|your-message||I would like to ask you...|
Try it yourself
Once you are satisfied with your changes, click Save Visual – your form should look like this:
Tip: This is a working example form – use the form yourself to see the placeholders in this example in action.
Using Contact Form 7 tag editor
Copy the Placeholder as Example Text code below:
<label> Your Name (required) [text* your-name placeholder "John Doe"] </label> <label> Your Email (required) [email* your-email placeholder "firstname.lastname@example.org"] </label> <label> Your Message [textarea your-message placeholder "I would like to ask you..."] </label> [submit "Send"]
Tip: Drag over the contents of this box to highlight all the included text and copy the code (Ctrl+C on Windows, Command+C on Mac).
Paste the copied code into your Contact Form 7 tag editor and save the form. You can also update the placeholders as you need.
- Add Better Contact Form 7 Placeholders
- Use Contact Form 7 Placeholder as Secondary Text
- Use Contact Form 7 Placeholder as Instruction