Corporate Demo - Contact Form

A common question that’s asked about some of the demo contact form setups is how to make some of the fields display in columns. For this, you need to use actual HTML columns. Below you will find an example snippet you can copy/paste and modify as needed into the Contact Form 7 form creation editor. If you don’t already have that plugin installed, make sure to read over the Installing Plugins chapter.

<div class="row">
  <div class="col span_4">
  <label for="your-name">Name</label>
    [text* your-name] </p>
  </div>
  <div class="col span_4">
  <label for="your-email">Email</label>
    [email* your-email] </p>
  </div>
  <div class="col span_4">
  <label for="your-subject">Subject</label>
     [text your-subject] </p>
  </div>
</div>
<label for="your-message">Message</label>
    [textarea your-message] 
<p><br/>[submit "Send Message"]</p>