Appland Docs

Appland Docs

5.1 – Add Contact Form

langan June 29, 2013 Contact
In order to create a contact form and add it on section you first need to install and activate Contact form 7 plugin. You can find the plugin here.

After you install the plugin you need to create a contact form. Click on Contact and then Add new. On the form field paste the code on the right.

Save the form and copy the code provided by the plugin to any of your sections.

Note

Dont forget to set the mail recipient on the plugin settings.
<div class="input-contact">
<div class="row-fluid">
<div class="contact-form span12" id="contactForm" novalidate="">
<div class="controls controls-row">
<div class="control-group span6">
                [text* your-name class:span12 watermark "your name"]
            </div>
<div class="control-group span6">
               [email* your-email class:span12 watermark "your email"]
            </div>
</p></div>
<div class="controls controls-row">
<div class="control-group span12">
                [text* your-subject class:span12 watermark "subject"]
            </div>
</p></div>
<div class="controls controls-row">
<div class="control-group span12">
                [textarea* your-message x5 class:span12 watermark "I want to talk about....."]
            </div>
</p></div>
<div class="controls controls-row">
<div class="control-group span12 text-center">
                [submit class:btn class:btn-primary "Send Message"]
            </div>
</p></div>
<p>        [response]
    </p></div>
</div>
</div>