Business Hours Demos

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

1) indicator & time table

It's 8:05PMSorry, we're closed
Monday9:00 AM - 5:00 PM
Tuesday9:00 AM - 5:00 PM
Wednesday9:00 AM - 5:00 PM
Thursday9:00 AM - 5:00 PM
Friday10:00 AM - 6:00 PM
SaturdayClosed
SundayClosed
Shortcodes used:
[mbhi location="yourlocationname"]
[mbhi_hours location="yourlocationname"]
CSS used for open/closed indicator:
.mb-bhi-open{
   background: #79d66a;
}
.mb-bhi-closed{
   background: #e25a5a;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}
.mb-bhi-display{
   margin-bottom:15px;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}

2) indicator & grouped days table

It's 8:05PMSorry, we're closed
Monday - Thursday9:00 AM - 5:00 PM
Friday10:00 AM - 6:00 PM
Saturday - SundayClosed
Shortcodes used:
[mbhi location="yourlocationname"]
[mbhi_hours location="yourlocationname" display="consolidated"]
CSS used for open/closed indicator:
.mb-bhi-open{
   background: #79d66a;
}
.mb-bhi-closed{
   background: #e25a5a;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}
.mb-bhi-display{
   margin-bottom:15px;
   padding: 5px 10px;
   color: white;
   border-radius: 3px;
}

3) Inline, consolidated list

Monday - Thursday 9:00 AM - 5:00 PM, Friday 10:00 AM - 6:00 PM, Saturday - Sunday Closed
Shortcodes used:
[mbhi_hours location="yourlocationname" 
display="consolidated" output="inline"]

4) Table with styled current day

Monday9:00 AM - 5:00 PM
Tuesday9:00 AM - 5:00 PM
Wednesday9:00 AM - 5:00 PM
Thursday9:00 AM - 5:00 PM
Friday10:00 AM - 6:00 PM
SaturdayClosed
SundayClosed
Shortcode used:
[mbhi_hours location="yourlocationname"]
CSS used:
.example-4 .mbhi-is-current{
  background-color:#eee;
}

5) Only today's opening hours (pro feature)

Saturday Closed
Shortcode used:
[mbhi_hours location="yourlocationname" showonlytoday="true"
output="inline"]

6) Multiple time slots (pro feature)

Monday9:00 AM - 12:00 PM
1:00 PM - 5:00 PM
Tuesday9:00 AM - 12:00 PM
1:00 PM - 5:00 PM
Wednesday9:00 AM - 12:00 PM
1:00 PM - 5:00 PM
Thursday9:00 AM - 12:00 PM
1:00 PM - 5:00 PM
Friday10:00 AM - 12:00 PM
1:00 PM - 6:00 PM
SaturdayClosed
SundayClosed
Shortcode used:
[mbhi_hours location="yourlocationname" mhbr="true"]

7) Abbreviate days (pro feature)

Mon9:00 AM - 5:00 PM
Tue9:00 AM - 5:00 PM
Wed9:00 AM - 5:00 PM
Thu9:00 AM - 5:00 PM
Fri10:00 AM - 6:00 PM
SatClosed
SunClosed
Shortcode used:
[mbhi_hours location="yourlocationname" abbreviatedays="true"]