Contact Forms

To create/edit Contacts Form, please do the following:

  1. Go to Dashboard > Contact > Contact Forms > Add New.

  2. Enter form name, for example "Contact Form One"

  3. In the tab "Form" you can use default form layout or enter this code lines:

    <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    [text* your-name placeholder "Full Name"]
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    [email* your-email placeholder "Email Address"]
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    [tel* your-phone placeholder "Phone Number"]
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    [textarea* your-message placeholder "Message"]
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <button type="submit" class="onovo-btn onovo-hover-btn"><span>Send Message</span></button>
    </div>
    </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 > Contact Us > Edit Page.

  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 "Onovo Theme" use widget: "Contact Form 7".

Last updated