We are not Contact Form 7 author so we may not find solutions for some problem of this plugin. Thus, if you encounter with any problem with the plugin, please consult stackoverflow or ask Contact Form 7 author directly. The official documentation of Contact Form & is here: http://contactform7.com/docs/
Below are scripts to make contact form and reservation form in our demo.
1) Contact Form 1
|
1 |
<div class="cortana-contact-form"><div class="cortana-contact-form"> <div class="row"> <div class="col-md-6 mb-25"> [text* your-name placeholder "Name" ] </div> <div class="col-md-6 mb-25"> [text* your-phone placeholder "Phone" ] </div> <div class="col-md-12 mb-25"> [email* your-email placeholder "Email" ] </div> <div class="col-md-12 mb-35"> [textarea* your-message x8 placeholder "Message" ] </div> <div class="col-md-12"> <button type="submit" class="wpcf7-form-control wpcf7-submit cortana-btn s-font btn-style-solid btn-shape-rounded-1 btn-size-md light-color p-bgc gray2-hover-button-bgc hover-effect-default" title="SEND MESSAGE" style="border: none; font-size: 13px"><span class='ls-005'>SEND MESSAGE</span></button> </div> </div></div> |
2) Contact Form 2
|
1 |
<div class="cortana-form cortana-contact-form-2"><div class="cortana-form cortana-contact-form-2"> <div class="row"> <div class="col-md-6 mb-25"> [text* your-name placeholder "Name" ] </div> <div class="col-md-6 mb-25"> [text* your-phone placeholder "Subject" ] </div> <div class="col-md-6"> <div class="row"> <div class="col-md-12 mb-25"> [email* your-email placeholder "Your Email" ] </div> <div class="col-md-12 mb-25"> [text* your-building placeholder "Home Building" ] </div> </div> </div> <div class="col-md-6 mb-30"> [textarea* your-message x4 placeholder "Messenger" ] </div> <div class="col-md-12"> <button type="submit" class="wpcf7-form-control wpcf7-submit cortana-btn cortana-btn-596734ae511f5 p-font btn-style-border-2 btn-shape-rounded-2 btn-size-md icon-effect-none hover-effect-default transparent-bgc gray2-border-color gray2-hover-border-color gray2-hover-button-bgc gray2-color light-hover-color ls-01 fw-semibold" style="font-size:13px;display:block;max-width:270px;width:100%; padding: 0 10px" >SEND MESSAGE</span></button> </div> </div></div> |