Links

Contact Page

To create Contacts Form, please do the following:
  1. 1.
    Go to Dashboard > Contact > Contact Forms > Add New.
  2. 2.
    Enter form name, for example "Contact Form"
  3. 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. 4.
    In the tab "Mail", enter this your email address.
  5. 5.
    Save Changes.
To insert Contact form to page, please do the following:
  1. 1.
    Go to Dashboard > Pages > Add New.
  2. 2.
    In the tab "Page Attributes" > "Template", select "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.
  3. 3.
    Click to "Edit with Elementor" button.
  4. 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 ​
image-text
😊
Last modified 10mo ago