Demo Forms

You can add a contact (feedback) form to your website using codes of our demo forms listed below.
You can see our demo forms on our live demo site.​
All our contact forms are created using the Contact Forms 7 plugin.​
Contact Form 1
<div class="request_callback">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First name *"]
            </div>
            <div class="input-group">
                [email* email placeholder akismet:author_email "E-mail *"]
            </div>
            <div class="input-group">
                [tel* phone placeholder "Phone *"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [textarea* message placeholder "Your Message *"]
            </div>
            <div class="input-group">
                <button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
            </div>
        </div>
    </div>
</div>
Contact Form 2
<div class="request_callback">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First name *"]
            </div>
            <div class="input-group">
                [text title placeholder akismet:author_title "Title"]
            </div>
            <div class="input-group">
                [text company placeholder akismet:author_company "Company/Position"]
            </div>
            <div class="input-group">
                [email* email placeholder akismet:author_email "E-mail *"]
            </div>
            <div class="input-group">
                [select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
            </div>
            <div class="input-group">
                [text* subject placeholder akismet:author_subject "Subject *"]
            </div>
            <div class="input-group">
                [textarea* message placeholder "Your Message *"]
            </div>
            <div class="input-group">
                <button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
            </div>
        </div>
    </div>
</div>
Contact Form 3
<div class="request_callback">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="input-group">
                [textarea* message placeholder "Your Message *"]
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First name *"]
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="input-group">
                [email* email placeholder akismet:author_email "E-mail *"]
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="input-group">
                [text* subject placeholder "Subject *"]
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="input-group">
                <button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
            </div>
        </div>
    </div>
</div>
Contact Form 4
<div class="request_callback">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="input-group">
                [textarea* message class:height205 placeholder "Your Message *"]
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First name *"]
            </div>
            <div class="input-group">
                [email* email placeholder akismet:author_email "E-mail *"]
            </div>
            <div class="input-group">
                [select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="input-group">
                [select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
            </div>
            <div class="input-group">
                [text* subject placeholder akismet:author_subject "Subject *"]
            </div>
            <div class="input-group">
                <button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
            </div>
        </div>
    </div>
</div>
Contact Form 5
<div class="request_callback">
        <div class="input-group">
            [textarea* message class:height147 placeholder "Your Message *"]
        </div>
        <div class="input-group">
            [text* text-name placeholder akismet:author "First name *"]
        </div>
        <div class="input-group">
            [email* email placeholder akismet:author_email "E-mail *"]
        </div>
        <div class="input-group">
            [select* menu-774 first_as_label "Reason for Contact *" "Value1" "Value2"]
        </div>
        <div class="input-group">
            [select* menu-363 first_as_label "Area of Interest *" "Value1" "Value2"]
        </div>
        <div class="input-group">
            [text* subject placeholder akismet:author_subject "Subject *"]
        </div>
        <div class="input-group">
            <button type="submit" class="button size-md icon_right">submit <i class="fa fa-chevron-right"></i></button>
        </div>
</div>
Contact Form 6
<div class="request_callback_form manchester_contact_form light-mode">
    <div class="request_callback">
        <span class="stm-contact-message"></span>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="input-group">
                    <label>[text* text-name placeholder akismet:author "Your name"]<span class="form-icons stm-ankara-user"></span></label>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="input-group">
                    <label>[text* text-company placeholder "Company name"]<span class="form-icons stm-briefcase"></span></label>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="input-group">
                    <label>[email* email-609 akismet:author_email placeholder "E-mail"]<span class="form-icons stm-email2"></span></label>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="input-group">
                    [select menu-233 "I would like to discuss" "Value 1" "Value 2"]
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="input-group">
                    [textarea textarea-488 placeholder "Message"]
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="input-group">
                    <button type="submit" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-theme_style_2">SUBMIT</button>
                </div>
            </div>
        </div>
    </div>
</div>
Contact Form 7
<div class="member_feedback">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First Name"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-name2 placeholder akismet:author "Last Name"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [email* text-email placeholder akismet:author_email "E-mail"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [tel text-phone placeholder "Phone Number"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-city placeholder "City"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [select text-state first_as_label "Select State (USA only)" "Value 1" "Value 2"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [select text-country first_as_label "Country" "Value 1" "Value 2"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                <button type="submit" class="button size-lg icon_left"><i class="fa fa-chevron-right"></i> submit</button>
            </div>
        </div>
    </div>
</div>
Contact Form 8
<div class="request_callback">
    <p>I would like to discuss:</p>
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [select services_consulting first_as_label "Business Planning" "Audit & Assurance" "Strategic Planning" "Trades & Stocks" "Financial Projections"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [text* text-name placeholder akismet:author "First name"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                [tel* text-phone placeholder "Phone number"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="input-group">
                <button type="submit" class="button size-lg icon_right">submit <i class="fa fa-chevron-right"></i></button>
            </div>
        </div>
    </div>
</div>

Content - Previous

Localization

Next - Extra Materials

Changelog

Last modified 11mo ago

Copy link

Outline

Contact Form 1

Contact Form 2

Contact Form 3

Contact Form 4

Contact Form 5

Contact Form 6

Contact Form 7

Contact Form 8