Contact Forms

To create/edit Contacts Form, please do the following:

  1. Go to Dashboard > Contact > Contact Forms > Add New.

  2. Enter form name, for example "Contact Form One"

  3. In the tab "Form" you can use default form layout or enter this code lines:

    <div class="row align-items-center">
     <div class="col-lg-6">
      <div class="mil-styled-input mil-appearance mil-hidden-trigger mil-mb-30">
       [text* cf_name class:mil-link]
       <label class="mil-link">Name</label>
      </div>
     </div>
     <div class="col-lg-6">
      <div class="mil-styled-input mil-appearance mil-hidden-trigger mil-mb-30">
       [email* cf_email class:mil-link]
       <label class="mil-link">Email*</label>
      </div>
     </div>
     <div class="col-lg-12">
      <div class="mil-styled-input mil-appearance mil-hidden-trigger mil-mb-30">
       [textarea* cf_text class:mil-link]
       <label class="mil-link">Message</label>
      </div>
     </div>
     <div class="col-lg-6">
      <p class="mil-text-sm mil-mb-30">*We promise not to disclose your personal information to third parties.</p>
     </div>
     <div class="col-lg-6">
      <button type="submit" class="mil-float-right mil-button mil-button-lg mil-scale-down-trigger mil-dark-trigger mil-mb-30">
       <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 Us > Edit Page.

  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 "Lettery Theme" use widget: "Contact Form 7".

Last updated