Knowledge Base > Configuration > Contact page
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
- address – The address you want your map to be centered at
- contact_form – The ID of your Contact Form 7 form
An example of this shortcode
[zap_contact_form address="London" contact_form="251"]