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-xs-12 col-sm-6 col-md-6 col-lg-6"> <div class="group"> <label>Your Full Name <b>*</b>[text* your-name ]</label> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <div class="group"> <label>Your Email Address <b>*</b>[email* your-email ]</label> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="group"> <label>Your Subject <b>*</b>[text* your-subject ]</label> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="group"> <label>Your Message <b>*</b>[textarea* your-message ]</label> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-right"> <div class="terms-label"> [checkbox checkbox-term label_first use_label_element "Accept the terms and conditions "] </div> <button class="btn" type="submit"><span>Send Message</span></button> </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 > Contact. Click to "Edit with Elementor" button.
In Elementor widget "Contact Form" in Form field, select your created CF7 form.
(Video instructions below):
Last updated