Business Hours Indicator Demos – Studio Wombat Demos

All examples are using the server time, which is UTC/GMT. You can set your desired timezone in the plugin settings.

Example 1: plain now open/closed message

Sorry, we're closed

Shortcodes used:

[mbhi location="your location name"]

CSS code

.mb-bhi-open{
   background: #79d66a;
}
.mb-bhi-closed{
   background: #e25a5a;
}
.mb-bhi-display{
   margin-bottom:15px;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}

Example 2: custom now open/closed messages (partly pro feature)

Our message builder allows you to write just about anything. An example:

It's Sunday 3:01 AM. We're closed now. Back open in 1 day, 4 hours, 59 minutes.

Show code & CSS

Shortcodes used:

[mbhi location="yourlocationname" openmessage="It's {day}, {time}. We're open from {from} to {to}. We close in {countdown}." closedmessage="It's {day} {time}. We're closed now. Back open in {countdown}."]

CSS used for open/closed indicator:

.mb-bhi-open{
   background: #79d66a;
}
.mb-bhi-closed{
   background: #e25a5a;
}
.mb-bhi-display{
   margin-bottom:15px;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}

Example 3: simple time table

Monday	8:00 AM - 5:00 PM
Tuesday	8:00 AM - 5:00 PM
Wednesday	8:00 AM - 5:00 PM
Thursday	8:00 AM - 5:00 PM
Friday	8:30 AM - 8:00 PM
Saturday	Closed
Sunday	Closed
1 Jan (name)	1:45 PM - 6:00 PM

Show code

Shortcode used:

[mbhi_hours location="your location name" output="table"]

Example 4: consolidated output

You can group rows with the same opening times together, to compress the output.

Monday - Thursday	8:00 AM - 5:00 PM
Friday	8:30 AM - 8:00 PM
Saturday - Sunday	Closed
1 Jan (name)	1:45 PM - 6:00 PM

Show code

[mbhi_hours location="your location name" output="table" display="consolidated"]

Example 5: multiple time slots per day (pro feature)

Taking a break for lunch? You can denote multiple time slots in the settings.

Monday - Thursday	8:00 AM - 1:00 PM 2:00 PM - 6:00 PM
Friday	10:00 AM - 7:00 PM
Saturday - Sunday	Closed

Show code

[mbhi_hours location="your location name" output="table" display="consolidated"]

Example 6: themes (pro feature)

We’re including ready-to-use themes to present your opening hours at once by using a simple shortcode. Below is an example of our Bold & Clean theme which displays the hours horizontally, instead of a table:

8 ^AM - 5 ^PM

Monday - Thursday

8:30 ^AM - 8 ^PM

Friday

Closed

Saturday - Sunday

This style is achieved by just using this shortcode: [mbhi_boldclean]

See this theme live on a restaurant website

Example 7: SEO output (pro feature)

The plugin generates official schema.org output so that search engines can pick up your opening times too. Here’s an example:

Show code

Shortcode used:

[mbhi_hours location="yourlocationname" seo="1"]

or, if you only need SEO and no other output, you can also use

[mbhi_seo location="your location name"]

Example 8: inline, consolidated list

Monday - Thursday: 8:00 AM - 5:00 PM, Friday: 8:30 AM - 8:00 PM, Saturday - Sunday: Closed, 1 Jan (name): 1:45 PM - 6:00 PM

Show code

Shortcodes used:

[mbhi_hours location="yourlocationname" 
display="consolidated" output="inline"]

Example 9: table with styled current day

Monday	8:00 AM - 5:00 PM
Tuesday	8:00 AM - 5:00 PM
Wednesday	8:00 AM - 5:00 PM
Thursday	8:00 AM - 5:00 PM
Friday	8:30 AM - 8:00 PM
Saturday	Closed
Sunday	Closed
1 Jan (name)	1:45 PM - 6:00 PM

Show code & CSS

Shortcode used:

[mbhi_hours location="yourlocationname" output="table"]

CSS used:

.mbhi-is-current{
  background-color: #7983ff;
  color: white;
}

Example 10: only today’s opening hours (pro feature)

Sunday: Closed

Show code

Shortcode used:

[mbhi_hours_today output="inline" dayentryseparator="—"]