Contact Form Setup

Contact forms on WerkStatt use the Contact Form 7 plugin. You can download it from https://wordpress.org/plugins/contact-form-7/ and get the documentation from http://contactform7.com/docs/.

1) General

<div class="row">
<div class="small-12 large-6 columns">
<label>Your Name</label> [text* your-firstname class:full]
</div>
<div class="small-12 large-6 columns">
<label>Your E-mail</label> [text* your-email class:full]
</div>
<div class="small-12 columns">
<label>What's your budget range?</label> [checkbox exclusive checkbox-149 use_label_element "Low Budget" "$5,000 - $10,000" "$10,000 - $20,000" "$20,000+"]
</div>
<div class="small-12 columns">
<label>Your Message</label> [textarea your-message class:full]
</div>
</div>
<div class="row">
<div class="small-12 columns">
[submit class:btn "Send Message"]
</div>
</div>

2) Hosting

<div class="row">
<div class="small-12 large-6 columns">
<label>Your Name</label> [text* your-firstname class:full]
</div>
<div class="small-12 large-6 columns">
<label>Your E-mail</label> [text* your-email class:full]
</div>
<div class="small-12 columns">
<label>Your Message</label> [textarea your-message class:full]
</div>
</div>
<div class="row">
<div class="small-12 columns">
[submit class:btn class:full "SEND MESSAGE"]
</div>
</div>

3) Medical

<div class="row">
<div class="small-12 columns">
<label>Select Department</label> [select* menu-78 "Pediatric Clinic" "Dental" "Radiology" "Surgery" "Rehabilitiation"]
</div>
<div class="small-12 columns">
<label>Your Name</label> [text* your-firstname class:full]
</div>
<div class="small-12 columns">
<label>Phone</label> [text* phone class:full]
</div>
<div class="small-12 columns">
<label>E-mail</label> [text* email class:full]
</div>
</div>
<div class="row">
<div class="small-12 columns">
[submit class:btn class:full class:accent "MAKE AN APPOINTMENT"]
</div>
</div>

Was this article helpful?

Related Articles