> For the complete documentation index, see [llms.txt](https://bslthemes.gitbook.io/quarty-wp-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bslthemes.gitbook.io/quarty-wp-doc/contact-page.md).

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

{% embed url="<https://bslthemes.com/quarty/quarty_wp_doc/videos/doc_video_7.mp4>" %}
Quarty - how create Contact Page with CF7 forms with Elementor
{% endembed %}