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="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade">
     <label class="field" aria-label="Name">
      [text* cf_name placeholder "Name"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade">
     <label class="field" aria-label="Email">
      [email* cf_email placeholder "Email"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12 col-lg-12" data-aos="fade">
     <label class="field" aria-label="Subject">
      [text* cf_subject placeholder "Subject"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12" data-aos="fade">
     <label class="field" aria-label="message">
      [textarea* cf_message placeholder "Message"]
     </label>
    </div>
   </div>
   <button class="btn" type="submit" data-aos="fade">Submit</button>

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 "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.

3. Click to "Edit with Elementor" button.

4. n Elementor builder panel drag and drop "Larson Theme" elements: "Intro", "Contact Info", "Contact Form", "Map" and more.

Larson - create contact form and Contact page with Elementor & CF7

Saved your time and you want to thank me? You can 😊