# 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">
   	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Full Name</div>
   	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
   		[text* your-name]
   	</div>
   </div>
   <div class="group">
   	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Email Address</div>
   	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
   		[email* your-email]
   	</div>
   </div>
   <div class="group">
   	<div class="label splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">Message</div>
   	<div class="value scrolla-element-anim-1 scroll-animate" data-animate="active">
   		[textarea* your-message]
   	</div>
   </div>
   <div class="submit scrolla-element-anim-1 scroll-animate" data-animate="active">
   	<button type="submit" class="btn">Send a Message</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 > 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. In Elementor builder panel drag and drop "Oblo Theme" elements: "Services", "Contact Form" and more.

{% embed url="<https://bslthemes.com/oblo/oblo_wp_doc/videos/doc_video_9.mp4>" %}
Oblo - how create Contact Page with CF7 forms with Elementor
{% 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)😊