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.

Oblo - how create Contact Page with CF7 forms with Elementor

Saved your time and you want to thank me? You can 😊