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="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 promise
    not to share your personal information with third parties.</p>
    </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.
    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
Saved your time and you want to thank me? You can
image-text
😊
Last modified 1yr ago