Links

Contact Page

To create Contacts Form, please do the following:
  1. 1.
    Go to Dashboard > Contact > Contact Forms > Add New.
  2. 2.
    Enter form name, for example "Contact Form"
  3. 3.
    In the tab "Form" you can use default form layout or enter this code lines:
    <div class="qrt-contact-form">
    <div class="row">
    <div class="col-lg-6">
    <div class="qrt-form-field">
    [text* your-name class:qrt-input placeholder "Name"]
    <label><i class="fas fa-user"></i></label>
    </div>
    </div>
    <div class="col-lg-6">
    <div class="qrt-form-field">
    [email* your-email class:qrt-input placeholder "Email"]
    <label><i class="fas fa-at"></i></label>
    </div>
    </div>
    <div class="col-lg-12">
    <div class="qrt-form-field">
    [textarea* your-message class:qrt-input placeholder "Message"]
    <label><i class="far fa-envelope"></i></label>
    </div>
    </div>
    <div class="col-md-6">
    <div class="qrt-mb-20">We promise not to disclose your personal information to third parties.</div>
    </div>
    <div class="col-md-6">
    <div class="qrt-submit-frame qrt-text-right qrt-sm-text-left qrt-mb-40">
    <button class="qrt-btn qrt-btn-md qrt-btn-color qrt-cursor-scale" type="submit"><span>Send message</span></button>
    </div>
    </div>
    </div>
    </div>
  4. 4.
    In the tab "Mail", enter this your email address.
  5. 5.
    Save Changes.
To insert Contact form to page, please do the following:
  1. 1.
    Go to Dashboard > Pages > Add New.
  2. 2.
    In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
  3. 3.
    Click to "Edit with Elementor" button.
  4. 4.
    n Elementor builder panel drag and drop "Quarty Theme" elements: "Intro", "Contact Info", "Contact Form", "Map" and more.
(Video instructions below):
Quarty - how create Contact Page with CF7 forms with Elementor
Saved your time and you want to thank me? You can
image-text
😊
Last modified 10mo ago