# 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="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade">
     <label class="field" aria-label="Name">
      [text* cf_name placeholder "Name"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade">
     <label class="field" aria-label="Email">
      [email* cf_email placeholder "Email"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12 col-lg-12" data-aos="fade">
     <label class="field" aria-label="Subject">
      [text* cf_subject placeholder "Subject"]
     </label>
    </div>
    <div class="feedback__field-wrapper col-12" data-aos="fade">
     <label class="field" aria-label="message">
      [textarea* cf_message placeholder "Message"]
     </label>
    </div>
   </div>
   <button class="btn" type="submit" data-aos="fade">Submit</button>
   ```

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 **"Elementor Template (Default)"**. In the tab **"Publish"** click to "Publish" button.
3. Click to **"Edit with Elementor"** button.
4. n Elementor builder panel drag and drop "Larson Theme" elements: "Intro", "Contact Info", "Contact Form", "Map" and more.

{% embed url="<https://bslthemes.com/larson/larson_wp_doc/videos/doc_video_10.mp4>" %}
Larson - create contact form and Contact page with Elementor & CF7
{% 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)😊