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
Last modified 10mo ago