Consulting Theme Documentation
Theme PageChangelogCreate a Ticket
  • Consulting - Business, Finance WordPress Theme
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
    • Feature Request
  • Installation & Activation
    • Consulting Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update Consulting
    • System Status
  • Patches
    • Patch: Convert from WPB to Elementor
  • Theme Options
    • Customize (Old)
    • General
    • Header
    • Archive Pages
    • Title Box
    • Content Options
    • Post Types
    • Stocks
    • Popups Settings
    • Footer
    • Typography
    • Socials
    • Custom CSS
    • Import/Export
  • Blocks and Sidebars
    • Default Theme Header
      • Top Bar
      • Main Header
      • Navigation Menu
    • Custom Header Builders
      • Elementor Header Builder
      • Pearl Header Builder (Deprecated)
    • Sidebars
    • Footer
      • Default Theme Footer
      • Elementor Footer Builder
  • Content
    • Setting up Content Pages and Posts
      • Header Top Bar
      • Header Navigation
      • Title Box Options
      • Content Options
    • Services
    • Testimonials
    • Works
    • Vacancies
    • Staff page
    • Popups
    • Template Library
    • WooCommerce shop
    • Header Mega Menu
    • Adding Images to Revolution slider
    • How to import Demo Sliders
    • Adding Custom Icons
    • Menus
    • Localization
    • Demo Forms
    • Blog page
  • Extra Materials
    • Demos
    • Video Tutorials
    • Changelog
  • stylemixthemes
  • Themes
  • Plugins
Powered by GitBook
On this page
  • Contact Form 1
  • Contact Form 2
  • Contact Form 3
  • Contact Form 4
  • Contact Form 5
  • Contact Form 6
  • Contact Form 7
  • Contact Form 8

Was this helpful?

  1. Content

Demo Forms

PreviousLocalizationNextBlog page

Last updated 3 years ago

Was this helpful?

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

All our contact forms are created using the

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>
live demo site.
Contact Forms 7 plugin.