How to Add a Contact Form to Your WordPress Website or Blog

So you’ve got your WordPress site or blog up and running – but how do you make it so that people are able to contact you? After all, you probably want to get leads, inquiries and love notes from your adoring fans and customers, right?

Answer: Contact Form

Perhaps something similar to the one below (it’s the same I use on my about page.)

Adding a contact form

Why contact form?

Instead if using your email or mailto: tag, there are a quite lot advantages..

  • Information—tired of requesting that same piece of information from your clients over and over again whenever they send you a generic email? Add a tab requesting whatever information you require up front, and never suffer through that headache again!
  • Spam filter—the benefit of using a contact form over supplying your email address is that spammers and bots won’t get to flood your inbox quite as easily. It’s way safer than relying on a mailto: tag.
  • Consistency—whether your filing cabinet is a meticulously labeled epitome of efficiency or just the fancy name you’ve bestowed upon that shoebox in your closet, you can’t deny that business runs more smoothly when your information is consistent. Contact forms help you stay organized, by always providing you with the same information in the same way, no matter who comes calling.

Best solution: Contact Form 7 plugin for WordPress (free)

You’ve got a ton of options to choose from, including intuitive and highly customizable options, such as Gravity Forms, to free and painless plugins like Contact Form 7.

I’ve tried several different options and like Contact Form 7 the best for its ease of use and dynamic options, so I’ll be demonstrating set up using that plugin.

Follow these simple steps to add a contact form plugin to your site/blog:

  1. To add a Contact Form to your WordPress site/blog, first log into your account.
  2. Next, under your Dashboard, hover over Plugins and click Add New.
  3. From here, you have two options. You can either:
    1. Click Upload Plugin at the top of the page, to install a third contact party plugin that you have downloaded.
    2. Or you can use the Search Plugins box to try and find the plugin you want.
  4. When you’ve located the Contact Form 7 plugin you want, click Install Now.
  5. When WordPress has installed your plugin, your final step is to click Activate Plugin.
Installing contact form 7 WordPress plugin
You can search for the Plugin you want, or upload the Plugin manually.

Note that at this stage, some plugins, such as Gravity Forms, will require a license key. When you purchase these particular plugins, you should be able to find your key on your account page. For more information on Gravity Forms specifically, click here.

Activate your plugin

In our example using Contact Form 7, we don’t have to worry about that. Instead, we can click on our shiny, new Contact button on our dashboard (make sure you’ve installed the Plugin, or this option won’t show up!)

Then we’ll see a code that looks like this:

[*contact-form-7 id=”1234″ title=”Contact form 1″] (Remove * from the code)

Copy this code – you’ll be pasting it in a second.

Now, open the page you want your contact form to live on and paste the code you copied into its contents.

Setup complete! Of course, now you’ll probably want to customize.

Copy paste

Customizing Your WordPress Contact Form

Again, different plugins will go about customization a little differently, but to customize your form with Contact Form 7, you first you need to head to the admin screen.

From here, you need to add fields to your form – the areas people can fill in.

You can do this by adding “tags”—the word use to describe the code working away behind the scenes to power your website.

Don’t be too daunted by the tags—their syntax may seem complex, but there’s no need to learn a whole new coding language. Contact Form 7 features a “Generate Tag” tool that will write these tags for you!

Think carefully about what information you’re asking for. Ask for too much (with too many fields), and your leads will be put off from contacting you by how much privacy you’re digging into. Ask too little, and you’ll get inquiries that are unorganized and take a long time to respond to.

Try to choose fields that create natural, intelligent limits and categories that help you – like a lead’s first name, email (so you can respond), business name and inquiry – or whatever fits for you!

And that’s all there is to it!

Now you, too, can save your blog from its internet solitude.

Code line for contact form 7

Need a little more information?

Check out Contact Form 7’s Getting Started tutorial or see this list of pros and cons associated with popular contact form plugins if you want to evaluate them for yourself.

Hope you found this helpful.

P.S. I recently published 5000+ words long guide on how to customize WordPress – it’s located here.

Until next time!

  • +

30 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  1. Does anyone know of a good contact form for uploading very large files? I am building a site which will have audio files submitted to it, and some are likely to be very long, and therefore large (up to 300mb). I am currently testing with Contact Form 7 and it’s working, technically, but so far the upload has taken an hour (and is still going!).
    Thanks

  2. Robert,
    Thanks for the information. I was trying to figure out how to set-up a Contact page on my website and this has been a great help.
    I took your advice and decided to use the Contact Form 7 plugin. You are right, this is very simple to install and it does provide some flexibility should I need to adjust how it works in the future.

    • ’m not really sure how to answer that, but I think that you need some mail service (mostly built in with your host) to be able to receive emails from contact form 7, since contact form 7 needs to send the messages to your email, and SMTP means ‘Simple Mail Transfer Protocol’, so yeah, you’ll need SMTP to get contact form 7 working.

  3. Thank you so much for this tip! I installed Contact Form 7 prior to seeing this, so I was relieved that my choice was already part of your tutorial. I haven’t launched my blog yet (site looks SO plain right now) because I’m almost a complete newbie and am trying to teach myself how to use WordPress. Seeing the contact form finally appear on my contact page was just exhilarating.

  4. Thank you very much. This has helped me so much. I almost cracked my head when I saw all those codes but this tutorial made life very easy for me 🙂

  5. Thanks for all the help this is great! Hopefully this isn’t to dumb of a question, however how do I set up the email to which I want the contact us form to be sent to? Where does it go right now ha ha?

  6. Hello! I’ve installed a contact form 7 plugin and followed the steps, however, new “contact” page with a form didn’t appear. I’ve created it under “About” page, but only “about” section is active. What could I do in this case? Thanks a lot for your time!
    Best regards,
    Monika

    • Hi Monika,

      Can you send me an email and I’ll have a look at it (without a charge). At first glance it’s hard to tell me what went wrong…

  7. Robert, we stumbled on your site and…you’re such a great educator!

    Your step to step guides on website building are superb. Thanks for offering all this valuable information free of charge!

    Great man! Great website! Great guides!

  8. I had gone through both of plugins listed above and getting different benefits from them. Contact Form 7 is on my website’s default contact page and gravity contact form is on a custom discussion page. Both of them helped me for make my website more dynamic and interactive.

  9. Hi Robert,
    Thank you so much, I found your site and it was so helpful! I have the contact form all set up but the only problem I am having is that when people type into the boxes it doesn’t show what has been written unless you highlight it. I could really use your help.

    Thank you so much
    Kathy

  10. Hi Rob – is there a way to send an acknowledgement email to user who filled out the form? User would have provided email ID as part of the form, so instead of just showing an On Submit message, I am looking to send an email thanking the user with next step from me (if any).

    Currently under settings I am able to send myself an email with the html format of the form filled. Can I use user’s email ID from the form in the To field of this email setting?

    Thanks,
    C