# 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="row">
   <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
   <div class="group">
   <label>Your Full Name <b>*</b>[text* your-name ]</label>
   </div>
   </div>
   <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
   <div class="group">
   <label>Your Email Address <b>*</b>[email* your-email ]</label>
   </div>
   </div>
   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
   <div class="group">
   <label>Your Subject <b>*</b>[text* your-subject ]</label>
   </div>
   </div>
   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
   <div class="group">
   <label>Your Message <b>*</b>[textarea* your-message ]</label>
   </div>
   </div>
   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-right">
   <div class="terms-label">
   [checkbox checkbox-term label_first use_label_element "Accept the terms and conditions "]
   </div>
   <button class="btn" type="submit"><span>Send Message</span></button>
   </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 > Contact**. Click to **"Edit with Elementor"** button.
2. In Elementor widget "Contact Form" in Form field, select your created CF7 form.

(Video instructions below):

{% embed url="<https://luique.bslthemes.com/doc_video/doc_video8.mp4>" %}
Luique - how to edit contact form and Contact page 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)😊