Display Business Hours in WordPress Sidebar

A lot of Service Business like Spa , Salon , Restaurants etc.  display Opening / Working Hours on their website. In this Post I will share a simple snippet to add Working / Business Hours to the WordPress SideBar.

We will utilize the all powerful WordPress Text Widget to display the business Hours.  Since the Text Widget Supports HTML , it is a matter of pasting an html snippet to display Business Hours.

Step 1

Add the Text Widget to the Sidebar and name it “Opening Hours”.

Step 2

Now Paste the following snippet in the Widget.

<div class = "my-business-hours">
<p>Monday - 9:00 AM to 9:00 PM </p>
<p>Tuesday - 9:00 AM to 9:00 PM</p>
<p>Wednesday - 9:00 AM to 9:00 PM</p>
<p>Thursday - 9:00 AM to 9:00 PM</p>
<p>Friday - 9:00 AM to 9:00 PM</p>
<p style = "color:red">Saturday - Closed</p>
<p Style = "color:red">Sunday - Closed</p>

</div>

Thats it. Now visit your site, you will see the Business Hours appearing on your website.

Here is how the it looks with Twenty Twelve Theme Enabled

Business Opening  Hours WordPress Theme

Conclusion

This is a simple snippet and once can easily customize the look by applying some CSS. For example you can change the color of Closed days, include different font for the Open Days.

The WordPress Text Widget is very Powerful and I would recommend reading this Guide to Customize the  Text Widget

 

Did you enjoy this article?
We regularly publish WordPress related Tutorials and Tips on this blog. Signup today and receive free updates straight in your inbox.
I agree to have my personal information transfered to Mad Mimi ( more information )
About Ankit

Founder of SpiceWp. We share useful Wordprss Tips and Tricks.

I have also released 17 Wordpress Plugins till date .

I regularly publish Wordpress related Tutorials and Tips on this blog.
If you like the content then consider subscribing to the blog here.

Speak Your Mind

*