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-sm-6">
<div class="form-group">
<label>Name</label>
[text* cf_name class:form-control class:name placeholder "Daniel"]
</div><!--form-group end-->
</div>
<div class="col-sm-6">
<div class="form-group">
<label>What city are you from?</label>
[text* cf_city class:form-control class:city placeholder "Los Angeles"]
</div><!--form-group end-->
</div>
<div class="col-sm-6">
<div class="form-group">
<label>E-mail</label>
[email* cf_email class:form-control class:email placeholder "Example@gmail.com"]
</div><!--form-group end-->
</div>
<div class="col-sm-6">
<div class="form-group">
<label>Phone Number</label>
[tel* cf_tel class:form-control class:phone placeholder "44 20 7700 0055"]
</div><!--form-group end-->
</div>
<div class="col-sm-10">
<div class="form-group">
<label>Message</label>
[textarea* cf_message class:form-control placeholder "Hello! I have this question..."]
</div><!--form-group end-->
</div>
<div class="col-sm-2">
<div class="form-submit">
<button type="submit"></button>
</div><!--form-submit end-->
</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 "Minterio Theme" elements: "Services", "Contact Form" and more.
(Video instructions below):
