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="mry-form mry-mb-100"><div class="row"><div class="col-lg-6"><label class="mry-label mry-fo" for="firstName">First Name</label><div class="mry-fo">[text* your-firstname id:firstName class:mry-default-link placeholder "John"]</div></div><div class="col-lg-6"><label class="mry-label mry-fo" for="lastName">Last Name</label><div class="mry-fo">[text* your-lastname id:lastName class:mry-default-link placeholder "Johnsone"]</div></div></div><div class="row"><div class="col-lg-6"><label class="mry-label mry-fo" for="email">Email</label><div class="mry-fo">[email* your-email id:email class:mry-default-link placeholder "type.your.mail@here"]</div></div><div class="col-lg-6"><label class="mry-label mry-fo" for="phone">Phone</label><div class="mry-fo">[tel* your-tel id:phone class:mry-default-link placeholder "+0 (000) 000 00 00"]</div></div></div><div class="mry-fade-object"><label class="mry-label mry-fo" for="message">Message</label><div class="mry-fo">[textarea* your-message id:message class:mry-default-link placeholder "Type your message here"]</div></div><div class="row align-items-center"><div class="col-lg-4"><div class="mry-fo"><button type="submit" class="mry-btn mry-default-link">Send message</button></div></div><div class="col-lg-8"><p class="mry-text mry-simple-text mry-contact-hint mry-fo"><span class="mry-color-text">*</span> We promisenot to share your personal information with third parties.</p></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.In Elementor builder panel drag and drop "Mireya Theme" elements: "Intro", "Contact Info", "Contact Form", "Map" and more.
(Video instructions below):
Mireya - how create Contact Page with CF7 forms with Elementor
Last modified 1yr ago