If you use this option, the theme default contact will be replaced with a contact form 7 contact form – but the emails will still be sent to agent email address. 

Install Contact Form 7

Create the contact form

  • Then set-up the contact form you wish and the fields you wish in the plugin settings. You have a lot of options.
  • Contact 7 Help – http://contactform7.com/docs/

Setup Contact Form 7 in the theme

  • Copy the Contact 7 contact form shortcode in Admin – Theme Options – Social and Contact:

contact 7 1.15

Contact Form 7 Main Features

Contact 7 plugins can support these features:

  • Reply to email is the email of the user sending the form:

reply to your email

  • Sender email address is set in the contact form
  • You can add more fields

contact 7 options

  • You can add re-captcha**** NOTE 3
  • Email are sent to the agent email address
  • Email contact includes automatically the page from where the email was sent
  • You can add an auto-responder

How to style Contact Form 7

NOTE 1: Styling of the forms is different as the css set by plugin developers cannot be overwritten completely. Here is a help to make the form as closest to our design as possible

 

To get contact form design as displayed in this screenshot

Add this code in Form setup Contact-7-wpresidence

Using this classes will allow the theme style.css to apply for the contact form elements and style them the same as the theme contact form that is included by default in the theme setup.

NOTE:

With 1.40 update you will need to add this custom css too for the form margins to apply:

.wpcf7 #content_container{
	margin-left:-15px;
	margin-right:-15px;
}
.wpcf7-form-control-wrap input[type="checkbox"] {
    width: 15px;
    top: 3px;
}

.wpcf7-form-control {
    padding: 9px 0px 9px 2px;
    border: 0px solid #f0f0f0;
}

Contact 7 plugin forms cannot support these options:

  • Contact 7 plugin contact forms DO  NOT replace the contact form in theme footer.
  • ReCaptcha option from contact form doesn’t work if theme ReCaptcha option is enabled:  http://help.wpresidence.net/article/recaptcha-settings-in-theme-options/ as ReCaptcha codes can be used only once.