Contact Page
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.
Save Changes.
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):
Last updated
Was this helpful?