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 a 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 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 is 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 Form 7 – Form Example

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.

NOTES

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

#content_container_cf7 {
    margin: 0px -15px;
}

.wpcf7 label{
	margin-bottom: 3px;
	color: #8593a9;
}

.agent_contanct_form_sidebar .wpcf7-form-control {
    border: 0px solid #dde4e9;
}

.wpcf7-form-control.wpcf7-acceptance{
	background-color:transparent;
}


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

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

.wpcf7-form-control wpcf7-acceptance{
	 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.