> For the complete documentation index, see [llms.txt](https://bslthemes.gitbook.io/starbelly-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/starbelly-wp-doc/contact-forms.md).

# Contact Forms

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="sb-group-input">
     [text* cf_name placeholder "Name"]
   </div>
   <div class="sb-group-input">
     [email* cf_email placeholder "Email"]
   </div>
   <div class="sb-group-input">
     [textarea* cf_message placeholder "Message"]
   </div>
   <p class="sb-text sb-text-xs sb-mb-30">*We promise not to disclose your <br>personal information to third parties.</p>
   <!-- button -->
   <button class="sb-btn sb-cf-submit" type="submit">
     <span class="sb-icon">
       <span class="sb-icon-arrow"></span>
     </span>
     <span>Send</span>
   </button>
   <!-- button end -->
   ```

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 > Contacts > Edit Page**.
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. In Elementor builder panel drag and drop "Starbelly Theme" use widget: "Reservation Intro -> Forms".

{% embed url="<https://bslthemes.com/starbelly/starbelly_wp_doc/videos/video6.mp4>" %}
Starbelly - how edit Contact forms with CF7
{% endembed %}