> For the complete documentation index, see [llms.txt](https://bslthemes.gitbook.io/minterio-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/minterio-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-sm-6">
   		<div class="form-group">
   			<label>Name</label>
   			[text* cf_name class:form-control class:name placeholder "Daniel"]
   		</div><!--form-group end-->
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group">
   			<label>What city are you from?</label>
   			[text* cf_city class:form-control class:city placeholder "Los Angeles"]
   		</div><!--form-group end-->
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group">
   			<label>E-mail</label>
   			[email* cf_email class:form-control class:email placeholder "Example@gmail.com"]
   		</div><!--form-group end-->
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group">
   			<label>Phone Number</label>
   			[tel* cf_tel class:form-control class:phone placeholder "44 20 7700 0055"]
   		</div><!--form-group end-->
   	</div>
   	<div class="col-sm-10">
   		<div class="form-group">
   			<label>Message</label>
   			[textarea* cf_message class:form-control placeholder "Hello! I have this question..."]
   		</div><!--form-group end-->
   	</div>
   	<div class="col-sm-2">
   		<div class="form-submit">
   			<button type="submit"></button>
   		</div><!--form-submit end-->
   	</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 > Add New**.
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 "Minterio Theme" elements: "Services", "Contact Form" and more.

(Video instructions below):

{% embed url="<https://bslthemes.com/minterio/minterio_wp_doc/videos/doc_video_9.mp4>" %}
Minterio - how create Contact Page with CF7 forms with Elementor
{% endembed %}