Contact Page

To create Contacts Form, please do the following:
1.Go to Dashboard > Contact > Contact Forms > Add New.
2.Enter form name, for example "Contact Form"
3.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 "[email protected]"]
		</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>
​
4.In the tab "Mail", enter this your email address.
5.Save Changes.
To insert Contact form to page, please do the following:
1.Go to Dashboard > Pages > Add New.
2.In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
3.Click to "Edit with Elementor" button.
4.In Elementor builder panel drag and drop "Minterio Theme" elements: "Services", "Contact Form" and more.
(Video instructions below):
Minterio - how create Contact Page with CF7 forms with Elementor
Saved your time and you want to thank me? You can ​
 😊
Services Page
Blog
Last modified 10mo ago