# How To Add Placeholder In Contact Form 7? (In 2 Easy Steps)

Here are two easy steps to add a placeholder in a field on the Contact Form 7 form. You don’t need any coding knowledge or an extra plugin for this.

Author: Abhijit Rawool
Source: https://abhijitrawool.com/how-to-add-placeholder-in-contact-form-7/
Published: 2020-10-01T05:32:14Z
Updated: 2020-10-14T12:49:14Z

It is a common need to add a placeholder for a form field.

And the Contact Form 7 plugin makes it very easy to do so.

Given below are the steps to add a placeholder in Contact Form 7:  
  

## 1\. Edit the form.

Go to Contact > Contact Forms page in your WordPress Admin Panel. Then, edit the form in which you have the field for which you want to add the placeholder.

[

<img loading="lazy" decoding="async" width="926" height="1024" src="/wp-content/uploads/2020/09/edit-contact-form-7-form-926x1024.png" alt="Edit Contact Form 7 form">

](/wp-content/uploads/2020/09/edit-contact-form-7-form.png)

  

## 2\. Add placeholder option to the field’s form-tag.

At the end of the form-tag representing the field to which you want to add the placeholder, enter the placeholder option with a value.

For example, \[text\* your-name placeholder “Your name”\]

[

<img loading="lazy" decoding="async" width="1024" height="684" src="/wp-content/uploads/2020/10/placeholder-option-in-form-tag-1024x684.png" alt="Placeholder option in form tag">

](/wp-content/uploads/2020/10/placeholder-option-in-form-tag.png)

Now, save the form.

And that’s it.

You have now added a placeholder to a field in Contact Form 7.  
  

## What’s Next?

You can do a lot of such cool stuff with the Contact Form 7 plugin.

Here are some tutorials to help you make full use of this plugin:

-   [How To Add A Hidden Field In Contact Form 7? (With Default Value)](/how-to-add-a-hidden-field-in-contact-form-7/)
-   [2 Simple Methods To Style Contact Form 7 Without Code](/style-contact-form-7/)
-   [How To Add Background Image In Contact Form 7 Without CSS](/how-to-add-background-image-in-contact-form-7/)
-   [How To Add Radio Buttons In Contact Form 7? (Without Code)](/how-to-add-radio-buttons-in-contact-form-7/)
-   [How To Add cc and bcc Fields In Contact Form 7? (Simplest Way)](/how-to-add-cc-and-bcc-fields-in-contact-form-7/)
-   [How To Add Checkbox In Contact Form 7 Without Code?](/how-to-add-checkbox-in-contact-form-7/)
-   [How To Add Contact Form 7 Form In Elementor Without Any Plugin](/how-to-add-contact-form-7-form-in-elementor/)  
      
    

## Video Tutorial

<iframe loading="lazy" title="Add Placeholder In Contact Form 7 Tutorial" width="500" height="281" src="https://www.youtube.com/embed/_S55iy4Uy7E?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

[Download Website Builders’ Toolbox](/toolbox/)

  

## Final Thoughts

I hope you liked this tutorial.

If you found this tutorial useful, then please share it with your friends, I will really appreciate it.