# 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 promise 
   not 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):

{% embed url="<https://bslthemes.com/mireya/mireya_wp_doc/videos/doc_video_6.mp4>" %}
Mireya - how create Contact Page with CF7 forms with Elementor
{% endembed %}

*<mark style="color:orange;">Saved your time and you want to thank me? You can</mark>* [![image-text](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png) ](https://www.buymeacoffee.com/bslthemes)😊