< All Topics
Print

Inhousekai Contact Form Block

This block will call your contact form template from contact form 7. But you need to create the contact form 7 before can use this block.

In case you want the contact form with same style as our demos. You need to copy this form markup to your contact form.

  • Contact Form style 1
<div class="contact-form-style-1 clearfix">
<div class="contact-bordered item-column clearfix">
[text* your-name placeholder "Name"] <span class="contact-ef border-form-top">
</span>
<span class="contact-ef border-form-left">
</span>
<span class="contact-ef border-form-bottom">
</span>
<span class="contact-ef border-form-right">
</span>
</div>
<div class="contact-bordered item-column clearfix">
[email* your-email placeholder "Email"] <span class="contact-ef border-form-top">
</span>
<span class="contact-ef border-form-left">
</span>
<span class="contact-ef border-form-bottom">
</span>
<span class="contact-ef border-form-right">
</span>
</div>
<div class="contact-bordered item-column clearfix">
[text your-subject placeholder "Subject"] <span class="contact-ef border-form-top">
</span>
<span class="contact-ef border-form-left">
</span>
<span class="contact-ef border-form-bottom">
</span>
<span class="contact-ef border-form-right">
</span>
</div>
<div class="contact-bordered item-column text-area clearfix">
[textarea your-message placeholder "Text"] <span class="contact-ef border-form-top">
</span>
<span class="contact-ef border-form-left">
</span>
<span class="contact-ef border-form-bottom">
</span>
<span class="contact-ef border-form-right">
</span>
</div>
<div class="contact-submit clearfix">
[submit "Send"] </div>
</div>
  • Contact Form style 2
<div class="contact-form-style-2 clearfix">
<div class="contact-item2 item-column clearfix">
[text* your-name placeholder "Name"] </div>
<div class="contact-item2 item-column clearfix">
[email* your-email placeholder "Email"] </div>
<div class="contact-item2 item-column clearfix">
[text your-subject placeholder "Subject"] </div>
<div class="contact-item2 item-column text-area clearfix">
[textarea your-message placeholder "Text"] </div>
<div class="contact-submit clearfix">
[submit "Send"] </div>
</div>

Just copy and paste this HTML as your contact form HTML form.