Knowledge Base > Configuration > Contact page

in Configuration

To add the information like phone/address and so on you can use this html code

<div class="contact-us-top-wrapper">
<div class="contact-us-item"><img class="contact-us-item-image" src="http://example.com/phone.png" alt="" /><div class="contact-us-item-inner"><span class="contact-us-item-title">Phone</span><span class="contact-us-item-text">+371 265 457 12</span></div>
</div>
<div class="contact-us-item"><img class="contact-us-item-image" src="http://example.com/email.png" alt="" /><div class="contact-us-item-inner"><span class="contact-us-item-title">E-mail</span><span class="contact-us-item-text"><a href="mailto:info@zap.com">info@zap.com</a></span></div>
</div>
<div class="contact-us-item"><img class="contact-us-item-image" src="http://example.com/address.png" alt="" /><div class="contact-us-item-inner"><span class="contact-us-item-title">Adress</span><span class="contact-us-item-text">Blaumaņa iela 36-10, Rīga,
Latvija LV-1011</span></div>
</div>
<div class="contact-us-item"><img class="contact-us-item-image" src="http://example.com/workinghours.png" alt="" /><div class="contact-us-item-inner"><span class="contact-us-item-title">Working hours</span><span class="contact-us-item-text"><span class="workdays">Monday:</span> 11 AM - 20 PM
<span class="workdays">Sunday:</span> 12 AM - 19 PM</span></div>
</div>
<div class="clearfix"></div>
</div>

You can add [zap_contact_form] shortcode to display the map and contact form. This shortcode accepts two arguments

  1. address – The address you want your map to be centered at
  2. contact_form – The ID of your Contact Form 7 form

An example of this shortcode

[zap_contact_form address="London" contact_form="251"]