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
Last modified 10mo ago