Contact Page
To create Contacts Form, please do the following:
Go to Dashboard > Contact > Contact Forms > Add New.
Enter form name, for example "Contact Form"
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>
In the tab "Mail", enter this your email address.
Save Changes.
To insert Contact form to page, please do the following:
Go to Dashboard > Pages > Add New.
In the tab "Page Attributes" > "Template", select "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.
Click to "Edit with Elementor" button.
In Elementor builder panel drag and drop "Oblo Theme" elements: "Services", "Contact Form" and more.
Last updated
Was this helpful?