If you haven’t installed our demo content but want to add a contact form to your website, we recommend using the popular Contact Form 7 plugin.

This plugin is included as a recommended plugin with our theme. Once you install and activate it, a basic contact form will be automatically created. You can place it on your page using Elementor.

Alternatively, you can create a custom form by navigating to:
Dashboard → Contact → Add New

For detailed instructions, refer to the Contact Form 7 Documentation.

Gravo Theme Contact Forms Code:

<div class="contact-form">
     <h3>Send Us a Message</h3>
      <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-6">
               <div class="form-group">
                  <label>Your Name</label>
                  [text* your-name class:form-control]
                </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
               <div class="form-group">
                  <label>Email Address</label>
                  [email* your-email class:form-control]
               </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
              <div class="form-group">
                   <label>Phone Number</label>
                   [number* your-number class:form-control]
               </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
              <div class="form-group">
                   <label>Subject</label>
                   [text* your-subject class:form-control]
              </div>
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
             <div class="form-group">
                 <label>Message...</label>
                 [textarea your-message class:form-control rows:4]
             </div>
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
             [acceptance  gdpr class:gdpr-term ]Accept <a href="https://themes.envytheme.com/gravo/terms-condition">Terms Of Service</a> and <a href="https://themes.envytheme.com/gravo/privacy-policy">Privacy Policy</a>.[/acceptance]
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
              <button type="submit" class="default-btn"><i class="far fa-paper-plane"></i> Send Message</button>
          </div>
    </div>
</div>