Contact Form 7 plugin allows you to use custom markup when creating your contact forms. Chap also includes some CSS to beautify the messages that Contact Form 7 throws, therefore this theme can be considered compatible with the plugin.

Here’s the markup to create a form that looks good in Chap:

contact form 7
<div class="ui form">
  <div class="field">
    <label>Your Name</label>[text* your-name]
  </div>
  <div class="field">
    <label>Your Email</label>[email* your-email]
  </div>
  <div class="field">
    <label>Subject</label>[text your-subject]
  </div>
  <div class="field">
    <label>Your Message</label>[textarea your-message]
  </div>
  [submit class:ui class:primary class:button "Send"]
</div>

Here’s the resulting form:

The forms will be styled according to your chosen form and button theme as well:

For more on how to style forms, see Semantic UI – Form.

One response to “Contact Form 7

Leave a Reply

Your email address will not be published. Required fields are marked *