< All Topics
Print

Maco 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>

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

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.

Table of Contents