Form Templates

If you did not used the demo importer or lost a form template you can copy them from below and paste them to your form under the “Contact” admin tab.

Prefer to use drag and drop, without using code, to build your forms with the Contact Form 7 plugin? You can install the Builder for Contact Form 7 plugin.

Contact Page

<div class="row">
    <div class="col-xs-12 col-md-6">
        <span>Your Name * [text* your-name placeholder "Full Name"]</span>
    </div>
    <div class="col-xs-12 col-md-6">
        <span>Your Email address * [email* your-email placeholder "E-mail Address"]</span>
    </div>
    <div class="col-xs-12 col-md-6">
        <span>The Subject [text your-subject placeholder "Subject"]</span>
    </div>
    <div class="col-xs-12 col-md-6">
        <span>Your Phone number * [tel phone-number placeholder "Phone Number"]</span>
    </div>
    <div class="col-xs-12">
        <span>Message * [textarea* your-message placeholder "Type your message..."]</span>
    </div>
    <div class="col-xs-12">
        [submit class:btn class:btn-primary placeholder "Send Message"]
        <span class="info-text">Fields marked with a * are required</span>
    </div>
</div>

Request An Estimate (homepage)

<div class="request-quote-form">
    <div class="row">
        <div class="col-xs-12 col-md-6">[text* your-name placeholder "Your Name"][email* your-email placeholder "Your Email"][select menu-490 "Landscape Maintenance" "Enhancements Services" "Irrigation Service" "Snow Removal" "Other Services"]</div>
        <div class="col-xs-12 col-md-6">[textarea your-message placeholder "Your Message"]</div>
    </div>
    <div class="row">
        <div class="col-xs-12">[submit "Request Quote"]</div>
    </div>
</div>

Make Appointment

<div class="row">
    <div class="col-xs-12 col-md-6">[text* first-name placeholder "First Name"]</div>
    <div class="col-xs-12 col-md-6">[text* last-name placeholder "Last Name"]</div>
    <div class="col-xs-12 col-md-6">[text* your-address placeholder "Address"]</div>
    <div class="col-xs-12 col-md-6">[tel* your-phone placeholder "Phone Number"]</div>
    <div class="col-xs-12 col-md-6"><p>Date of Appointment * [text* the-date placeholder "MM-DD-YY"]</p>
    </div>
    <div class="col-xs-12 col-md-6">
        <p>Time of Appointment * [select* the-time "08:00 AM" "09:00 AM" "10:00 AM" "11:00 AM" "12:00 AM" "01:00 PM" "02:00 PM" "03:00 PM" "04:00 PM" "05:00 PM" "06:00 PM"]</p>
    </div>
</div>
<div class="row">
    <div class="col-xs-12 col-md-6">
        <p>I am interested in:<p>
        <p>[checkbox services use_label_element "Lawn & Garden Care" "Planting & Removal" "Irrigation & Drainage" "Snow & Ice Removal" "Spring & Fall Cleanup" "Stone & Hardscaping"]</p>
    </div>
    <div class="col-xs-12 col-md-6">
        <p>Additional Message<p>[textarea extra-message placeholder "Write your message"][submit class:btn class:btn-primary placeholder "Make Appointment"]
    </div>
</div>

Ask a Question

<div class="ask-a-question-form">
    <div class="row">
        <div class="col-xs-12 col-md-6">[text* your-name placeholder "Full Name"]</div>
        <div class="col-xs-12 col-md-6">[email* your-email placeholder "E-mail Address"]</div>
        <div class="col-xs-12">[textarea* your-message placeholder "Message"]</div>
        <div class="col-xs-12">[submit class:btn class:btn-primary class:center-block placeholder "Send Us Your Question"]</div>
    </div>
</div>
Was this page helpful?