To create Contacts Form, please do the following:
Go to Dashboard > Contact > Contact Forms > Add New.
Enter form name, for example "Contact Form"
In the tab "Form" you can use default form layout or enter this code lines:
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
<div class="kf-field">
[text* cf_name placeholder "Full Name"]
<i class="far fa-user"></i>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
<div class="kf-field">
[email* cf_email placeholder "Email"]
<i class="fas fa-at"></i>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
<div class="kf-field">
[tel* cf_phone placeholder "Phone"]
<i class="fas fa-mobile-alt"></i>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="kf-field">
[text* cf_subject placeholder "Subject"]
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="kf-field">
[textarea* cf_message placeholder "Message"]
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="kf-bts">
<button type="submit" class="kf-btn">
<span>Send us message</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
In the tab "Mail", enter this your email address.
To insert Contact form to page, please do the following:
Go to Dashboard > Pages > Add New.
In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
Click to "Edit with Elementor" button.
In Elementor builder panel drag and drop "Kaffen Theme" elements: "Services", "Contact Form" and more.
(Video instructions below):
