Home / Features / Contact Forms

Contact Forms

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.

[alert style=”info”]Note: The contact form examples below will not actually send because our demo servers do not have PHP mail configured.[/alert]

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 "Send Message"]    </div>
  </div>
</div>

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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *