# 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="group-val">
       [text* your-name placeholder "Name"]
   </div>
   <div class="group-val">
       [email* your-email placeholder "Email"]
   </div>
   <div class="group-val">
       [textarea* your-message placeholder "Message"]
   </div>
   <div class="group-bts">
       <button type="submit" class="btn hover-animated"><span class="circle"></span><span class="lnk">Send Message</span></button>
   </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.

*<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)😊