Contact Forms

/Contact Forms
Contact Forms2019-02-06T23:52:27+00:00

Contact Form 7 is a great, free plugin you can use to insert contact forms into your pages and posts. If you’re looking for a paid forms plugin that you can do more with and works great with the theme, checkout Gravity Forms.

Note: The contact form examples below will not actually send because our demo servers do not have PHP mail configured.
[divider]

Sample Contact Form

Here’s an example of a basic contact form setup with Contact Form 7 and HTML compatible with our baked-in version of Twitter Bootstrap.

[contact-form 1 “Contact form 1”]

Source Code

<div class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-2 control-label">Name</label>
    <div class="col-sm-10">
      [text* your-name class:form-control]    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      [text* your-email class:form-control]    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      [textarea your-message class:form-control]    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      [submit class:btn class:btn-default class:btn-gradient "Send Message"]    </div>
  </div>
</div>

Copy the above source code into your Contact Form 7 form builder for a quick start.