Contact us page

This section will guide you to set up the contact page like demo site

Info Required Modules: Webform, PHP filter.

Step 1 Go to Content > Click "Add content" link > Click webform link, and Add Contact us webform with following properties:

      <div class="google-map">
        <iframe width="940" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=d&source=s_d&saddr=Los+Angeles,+CA,+United+States&daddr=&hl=en&geocode=&aq=0&oq=lo&sll=37.0625,-95.677068&sspn=36.452734,86.572266&mra=ls&ie=UTF8&t=m&ll=34.073706,-118.240013&spn=0.099533,0.322723&z=12&iwloc=ddw0&output=embed"></iframe>
        <br />
        <small>
          <a href="https://maps.google.com/maps?f=d&source=embed&saddr=Los+Angeles,+CA,+United+States&daddr=&hl=en&geocode=&aq=0&oq=lo&sll=37.0625,-95.677068&sspn=36.452734,86.572266&mra=ls&ie=UTF8&t=m&ll=34.073706,-118.240013&spn=0.099533,0.322723&z=12&iwloc=ddw0" style="color:#0000FF;text-align:left">View Larger Map</a>
        </small>
      </div>
      <div class="contact-us">
        <h3>How to contact us</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
        <div class="contact-info">
          <div class="adr">
            <h3>Office</h3>
            <p class="street-address">123 Main st. <br><span class="locality">Los Angeles</span>, <abbr title="California" class="region">CA</abbr>, <span class="postal-code">90012</span>, <span class="country-name">U.S.A</span></p></div>
          <div class="info">
            <h3>Contact info</h3>
            <p><span class="phone">Office: (315) 457-0000</span>
              <span class="fax">Fax: (315) 457-1324</span>
              <span class="email">Email: <a href="mailto:help @ themebrain.com">help @ themebrain.com</a></span>
            </p>
          </div>
        </div>
      </div>
    
At comment tab, set following value: At URL path settings tab, set following properties:

Step 2 Click "Save" button. New window is open, at Form components tabs, add some fields following properties:

At Form settings tab, set following properties:

Step 3 Click "Save" button.