> For the complete documentation index, see [llms.txt](https://bslthemes.gitbook.io/ryancv-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/ryancv-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="row">
      <div class="col col-d-6 col-t-6 col-m-12">
         <div class="group-val">
            [text* your-name placeholder "Full Name"]
         </div>
      </div>
      <div class="col col-d-6 col-t-6 col-m-12">
         <div class="group-val">
            [email* your-email placeholder "Email Address"]
         </div>
      </div>
      <div class="col col-d-12 col-t-12 col-m-12">
         <div class="group-val">
            [textarea* your-message placeholder "Your Message"]
         </div>
      </div>
   </div>
   <div class="align-left">
   <button type="submit" class="button"><span class="text">Send Message</span><span class="arrow"></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.