318: Adding a Form using Contact Form 7 in WordPress

Having a contact form on your WordPress website is a great way for your visitors to communicate with you. While there are many plugins for WordPress that allow you to add a contact form to one of your website’s pages, Contact Form 7 makes it a simple task.

This contact form system is recommended for our Business Hosting plans.

How to Add a Form in WordPress

  1. Log into your WordPress Dashboard
  2. Go to Plugins -> Add New and search for the plugin “Contact Form 7
  3. Click “Install” and then click on “Activate” to install and activate the plugin so you can use it
  4. Click on “Contact” in your WordPress Dashboard left side menu pane. Contact Form 7 comes preconfigured with one form already set up to use. If you want to use the basic form simply copy the code at the top of the form. You can change where the email is sent to by changing the email address under the “Mail” section in the “To:” heading.
    Configure form

    Edit sent email settings

  5. Paste the code into a post, page or text widget that you’d like the form displayed on and click “save” or “update
    add shortcode in visual editor

    Now when you visit your site you should see your form displayed where ever you posted the code from above.
    live contact form

If you need further assistance please feel free to ask a question on our support center.

Thoughts on “318: Adding a Form using Contact Form 7 in WordPress

    • Hello Wesley – This is typically something that would require a change in CSS. Some people have asked this in the WordPress.org Support page. Check out this post and see if their solution works for you.

  • Hi,

    Please I will like to put a form on my website for a particular recruitment we are about to carry out. Is it this same process I am suppossed to go through or is there another alternative?

    • Yes, you can use this plugin for your form, but there are many other options as well. But all of the contact form plugins work similarly, so it depends on whichever one works best for you.

  • The form worked but there is no button to send the filled out contact form. Could someone please advise me on how to add the button so the filled out form can be sent to the designated email address?

     

    Thank you

  • Very useful material added to his bookmarks. I tried many different services for creating online calculators, among which Contact Form 7 and uCalc plugin were the most popular. Pretty good tools for creating calculators.

    • That looks like shortcode used for the contact form plugin as a placeholder to load specified content. Are you seeing this in the editor or on the actual contact form?

  • Can you tell me how to make an autoreply to the comment sender, stating, for example, that his/her message is already sent to the admin? thanks!

  • Whenever somebody is submitting form it is showing following error:

    “There was an error trying to send your message. Please try again later.”

     

  • I want to capture the data inputed into the fields of the form. How do I do this.  I seem to be missing something. Thanks.

    • The data entered into the fields of the form will be emailed to you. Be sure to enter your email address under the “Mail” section in the “To:” heading, as described in Step 4.

    • When someone fills out and submits the form, an email will be sent to the address in the “Mail” section, this is covered in Step 4 above.
      Thank you,
      John-Paul

  • Nice tutorial! This is massively helpful to used my business site development. I absolutely like this tutorial. Great work.

     

    Thanks.

  • Excellent tutorial! Really your tutorial was fully informative. It’s quite flexible and easy to use. Great work.

     

    Thanks.

  • Excellent tutorial! It was really helpful to used my business site development. It worked great for a form a added to the footer. 

     

    Thanks.

Leave a Reply to Jt Spratley Cancel reply