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="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.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 "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
- 3.Click to "Edit with Elementor" button.
- 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
Last modified 6mo ago