Contact Form 7

Contact form 7 is a form builder plugin available for WordPress, developed by Takayuki Miyoshi. Once installed and enabled for your installation you will have a new tab available in your admin panel : Contact.

You can add a new form for your site using he Add new button.

The configuration of the form is simple, first you need to set a title for the form, then complete the form configuration using the available configuration tabs. There are 4 configuration tabs available in total:

1. Form tab

Here you can define the layout of your form. There is also a list of available field types that can be used to build the form.

  • text
  • email
  • URL
  • tel
  • number
  • date
  • text area
  • drop-down menu
  • checkboxes
  • radio buttons
  • acceptance
  • quiz
  • file
  • submit

In order to create the same layout as the form displayed in our demo content please use the following layout code:

<div class="row"><div class="department-icon col-sm-6">[text department id:department placeholder "Department"]</div><div class="doctor-icon col-sm-6">[text doctor id:doctor placeholder "Doctor"]</div></div><div class="row"><div class="name-icon col-sm-6">[text p_name id:p_name placeholder "Name"]</div><div class="email-icon col-sm-6">[text email id:email placeholder "Email"]</div></div><div class="row"><div class="date-icon col-sm-6">[text date id:date placeholder "Date"]</div><div class="hour-icon col-sm-6">[text s_hour id:s_hour placeholder "Hour"]</div></div><div class="row"><div class="message-icon col-sm-12">[textarea* message id:message 50x4 placeholder "Message"]</div></div>[submit "Send"]

2. Mail tab

This tab allows you to configure the email that will be triggered when the form is submitted.

  • to
  • from
  • subject
  • additional headers
  • message body
  • file attachments

You also have the option to enable a second email, this is usually used as an autoresponder.

3. Messages

This tab will allow you to set the different messages displayed to the user at different points during the submission process, for example when a validation error occurs, when the form is submitted, when the contact email is sent...

4. Additional settings

This tab will alow you to further customize your contact form.

The full documentation for the plugin can be found over at the authors website.

Still need help? Contact Us Contact Us