The Footer Contact widget in demo website is a text widget pre-styled for the specific purpose.
To implement same widget on your website, please follow these steps.

  • Go to Appearance –> Widgets and add a "Text" widget in Footer 1 area.
  • Give proper title to the widget as per your need.
  • Add following code in that widget.

     

    <div class="vcard">
   <h4 class="fn org">Just Shop</h4>
     <p class="tel">000-000-000</p>
     <p><a href="mailto:email@someemail.com" class="email">email@someemail.com</a></p>
     <p class="adr">Justshop Apartments,<br>Street, Country</p>
</div>

     



  • Please modify email values in above code but make sure all html tags and class remains same.



Also, if you want to quickly implement the 'Work Time' widget, this can be done in few simple steps.


Go to Appearance –> Widgets and add a "Text" widget in your choice of Footer area.


Enter the title "Work time:"


Just add following code snippet in that widget.

 

<ul>
    <li>Our work timings are:</li>
    <li>Monday - Friday: 8 AM - 8 PM</li>
    <li>Saturday: 9 AM - 4 PM</li>
    <li>Sunday: closed :(</li>
</ul>

 



Of course, please feel free to alter values from the above code snippet


Thats it. I hope it helps