Dugem 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 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-4 clearfix”>
[email* your-email placeholder “Email”] </div>
[submit “Send”] </div>
</div>
Just copy and paste this HTML as your contact form HTML form.