SmartBox _Documentation_

SmartBox Documentation

8.1 Create a contact page

langan June 20, 2013 Contact Page
Smartbox uses uses the contact form 7 plugin for contact pages

  1. Find Contact Form 7 Login to your WordPress admin panel and goto Plugins -> Add new and enter “contact form 7″ into the search box
  2. Install Contact Form 7 Click the install now link in the contact form 7 section
  3. Create a contact formClick the Contact Menu

    Edit Contact form 1 and paste the code on the right into the form section

  4. Add Contact Form to page Click the save button at the top of the page, then copy and paste the shortcode from the brown text box into your contact page.
  5. (Optional) Personalise your form To make fields required add a * symbol to your form field shortcodes e.g. [text your-name becomes [text* your-name. For more info see the Contact Form 7 Documentation

Form

<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:input-block-level watermark "your name"]
            </div>
            <div class="control-group span6">
               [email* your-email class:input-block-level watermark "your email"]
            </div>
        </div>
        <div class="controls controls-row">
            <div class="control-group span12">
                [text your-subject class:input-block-level watermark "subject"]
            </div>
        </div>
        <div class="controls controls-row">
            <div class="control-group span12">
                [textarea* your-message x5 class:input-block-level watermark "I want to talk about....."]
            </div>
        </div>
        <div class="controls controls-row">
            <div class="control-group span12">
                [submit class:btn class:btn-primary "Send Message"]
            </div>
        </div>
        [response]
    </div>
</div>

Contact form settings

contact-settings