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-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>

  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 > Contact. Click to "Edit with Elementor" button.

  2. In Elementor widget "Contact Form" in Form field, select your created CF7 form.

(Video instructions below):

Last updated