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-12 col-lg-6">
        <span>Your Name *</span>[text* your-name placeholder "Full Name *"]<span>Your Email Address *</span>[email* your-email placeholder "Email Address *"]<span>Your Phone Number *</span>[tel* your-phone placeholder "Phone Number *"]<span>Receive Answer By: *</span>[select* your-answer first_as_label "Select preference:" "By Phone" "By Email"]
    </div>
    <div class="col-12 col-lg-6">
        <span>The Subject</span>[text* your-subject placeholder "Enter Subject"]<span>Your Message *</span>[textarea* your-message placeholder "Write your question.."][submit class:btn class:btn-default class:pull-right class:fullwidth "Send Question"]
    </div>
    <div class="col-12">
        [acceptance your-acceptance] I consent to having this website store my submitted information so they can respond to my inquiry, see <a href="#" class="animated-link" style="color: #556d67;">privacy policy</a> [/acceptance]
    </div>
</div>

Ask a Question

<div class="row ask-a-question">
    <div class="col-12 col-lg-6">
        [text* your-name placeholder "Full Name *"][email* your-email placeholder "Email Address *"][tel* your-phone placeholder "Phone Number *"][select* your-answer first_as_label "Receive Answer By:" "By Phone" "By Email"]
    </div>
    <div class="col-12 col-lg-6">
        [text* your-subject placeholder "Enter Subject"][textarea* your-message placeholder "Write your question.."][submit class:btn class:btn-default class:pull-right class:fullwidth "Send Question"]
    </div>
    <div class="col-12">
            [acceptance your-acceptance] I consent to having this website store my submitted information so they can respond to my inquiry, see <a href="#" class="animated-link" style="color: #556d67;">privacy policy</a> [/acceptance]
    </div>
</div>
Was this page helpful?