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-sm-12 col-lg-6">
        <p>Your Name (required)<br />[text* first-name placeholder "First Name *"]</p>
    </div>
    <div class="col-sm-12 col-lg-6">
        <p>Email Address (required)<br />[email* your-email placeholder "Email Address *"]</p>
    </div>
    <div class="col-sm-12 col-lg-6">
        <p>Phone Number (required)<br />[tel phone-number placeholder "Phone Number *"]</p>
    </div>
    <div class="col-sm-12 col-lg-6">
        <p>The Subject<br />[text your-subject]</p>
    </div>
    <div class="col-sm-12">
        <p>Write your message<br />[textarea* your-message placeholder "Type your message..."][submit class:btn class:btn-primary placeholder "Send Message"]</p>
    </div>
</div>

Make Appointment

<div class="row">
    <div class="col-sm-12 col-lg-6"><p>Your Name *[text* your-name placeholder "Full Name"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Address *[text* your-address placeholder "Address"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Email address *[email* your-email placeholder "Email address"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Phone Number *[tel* your-phone placeholder "Phone Number"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Date of Appointment * [date the-date]</p></div>
    <div class="col-sm-12 col-lg-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 class="col-sm-12 col-lg-6"><p>I am interested in</p>[checkbox services use_label_element "Industrial Cleaning" "Warehouse Cleaning" "Construction Cleaning" "Office Cleaning" "Hospitality Cleaning" "High Window Cleaning"]</div>
    <div class="col-sm-12 col-lg-6"><p>Additional Information[textarea extra-message 40x10 placeholder "Write your message here.."][submit class:btn class:btn-primary placeholder "Make Appointment"]</p></div>
</div>

Request an Estimate

<div class="row">
    <div class="col-sm-12 col-lg-6"><p>Your Name *[text* your-name placeholder "Full Name"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Address *[text* your-address placeholder "Address"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Email address *[email* your-email placeholder "Email address"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Your Phone Number *[tel* your-phone placeholder "Phone Number"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Square footage * [select* square-footage "700" "800" "900" "1000" "1100" "1200" "1300" "1400" "1500" "1600" "1700" "1800" "1900" "2000" "Over 2000"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Frequency of service * [select* frequency "None" "One time" "Daily / Contract" "Weekly" "Weekends only" "Monthly" "On call"]</p></div>
    <div class="col-sm-12 col-lg-6"><p>Select type of cleaning:</p>[checkbox services use_label_element "Industrial Cleaning" "Warehouse Cleaning" "Construction Cleaning" "Office Cleaning" "Hospitality Cleaning" "High Window Cleaning"]</div>
    <div class="col-sm-12 col-lg-6"><p>Additional Information[textarea extra-message 40x10 placeholder "Write your message here.."][submit class:btn class:btn-primary placeholder "Make Appointment"]</p></div>
</div>

Ask a Question

<div class="row">
    <div class="col-sm-12 col-lg-6">
        <p>[text* first-name placeholder "First Name *"]</p>
    </div>
    <div class="col-sm-12 col-lg-6">
        <p>[email* your-email placeholder "Email Address *"]</p>
    </div>
    <div class="col-sm-12 text-center">
        <p>[textarea* your-message placeholder "Type your question..."]</p>
        <p>[submit class:btn class:btn-primary placeholder "Send Question"]</p>
    </div>
</div>

Request Call Back (homepage)

<div class="call-back">
    <div class="row">
        <div class="col-sm-12 col-lg-6">[text* first-name placeholder "Your Name"]</div>
        <div class="col-sm-12 col-lg-6">[select* service "Industrial Cleaning" "Contract Cleaning" "Office Cleaning" "Builders Cleaning" "Hotel Cleaning" "Other.."]</div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-lg-6">[tel your-phone placeholder "Your Phone Number"]</div>
        <div class="col-sm-12 col-lg-6">[submit "Call me Back"]</div>
    </div>
</div>
Was this page helpful?