Skip Navigation
WordPress Help Centre
11 Related Support Articles

All-In-One WP Business Hours

How to add All-In-One WP Business Hours using Elementor?

You can easily add All-In-One WP Business Hours using any page builder plugin, simply use the shortcode provided in the styles tab.

In Elementor, search for "Shortcode" widget and add the shortcode provided in the styles tab (ex: [business-hr id="63"])

You have to click on "Preview Changes" to be able to view business hours.

Nov 18, 21

How to display hours as open all day?

If you want to mark a day as open all day, first set the status to open 24 hrs and then set the start hour to 00:00:00 and end time to 23:59:00

This way that day will be marked as open 24 hour. You can set the custom message in the message tab.

Nov 01, 21

How to display hours in 12hr or 24hr format?

Currently the hours are set automatically based on the local time zone. It is planned to allow the option to choose 12hr or 24hr format in future.

Oct 14, 21

How to use the style generator to create unique layouts?

I have created a Style Generator for All-In-One WP Business Hours which can be viewed here:

Currently there are some sample data loaded but in future you will be able to load your own data and see the live updates based on your own business hours.

Feel free to explore the style generator and create your own unique styles!

How to add custom style to your site?

Once you are done customizing the layout, enter the ID of business hours set which can be obtained from the shortcode in the Style tab. For example [business-hr id="12"] and then click on generate style.

Copy the entire content of the textarea box and paste it in your theme. you can also take a look at this:

Oct 12, 21

How to add lunch hours?

Are you taking lunch break and your business is closed? Adding breaks between opening hours are very easy. Simply mark the hour as closed and enter a custom message.

The hours are shown as below:

Oct 12, 21

How to add holidays?

In order to add holidays, go to Business Hours > Holidays and add a new holiday.

When adding a holiday, you have to set the start and end date. If your business is closed for the entire day during these dates, set Closed During These Period to Yes.

Otherwise, you can select No and you will be able to add custom opening hours for these dates.

How to add a holiday to set of business hours

Once you added a holiday, head to Business Hours > Business Hours and select the holiday you added under Holidays.

Oct 12, 21

How to display location info?

To display location info, first add a location with desired info (check help centre on how to add a location). Then head to Views tab and check Display location information.

The info will show up below the hours:

Display Google Map

You also have the option to display Google Map. Simply select Display Google map on the View tab and a Google Map will be displayed below location info.

Jul 29, 21

All-In-One WP Business Hours Documentation

Plugin Installation

To install the plugin, first, download the zip file from CodeCanyon and head to Plugins > Add New and upload the zip file. You can read more about plugin installation here:

Once you successfully installed the plugin, activate the plugin.

Add Business Hours

If you correctly installed All-In-One WP Business Hours, you should see a menu added to your dashboard.

Click Add New to add a new set of business hours. Enter a title for your business hours and follow the following configuration steps:


In the general section, you can set the time zone, language, locations, and holidays. If you don't see any locations or holidays don't worry, we will add them later.

  • Since we are adding CN Tower hours, we selected Canada/Eastern time zone.
  • The time zones are pre-field and do not depend on WordPress time zone.
  • Select a language to display the hours, days, month names, and other related words in that particular language.


Certain messages when displaying business hours can be customized here.


In this section, you can add multiple hours for every day of the week, mark that day as closed all day, or mark it as open 24-hrs.

Make sure to visit the help centre to view all related questions about hours


In the view section, you can decide to hide or show location info, shorten weekdays, group days with the same opening and closing hours, and display schema markup.


In this section, you can copy the shortcode and display business hours in pages, posts, and other areas of your website. You can also find the link to the online style generator to customize and copy the custom css code. Make sure you hit the publish button first, then you should see the shortcode.

Make sure to visit the help centre to view all related questions about the All-In-One WP Business Hours plugin

Jul 28, 21

How to mark a day as closed all day?

If your business is closed for the entire day, for example all Tuesdays, make sure you set the Status in Hours section to Closed.

You can customize Closed All Day message in the Message section:

Jul 28, 21

How to use the shortcode to display business hours?

Once you published your business hours data, go to the Styles tab and copy the shortcode. The shortcode looks like this:

[business-hr id="5"]

Copy that and paste it into pages or posts.

Using shortcode in PHP files

If you want to call the shortcode in your theme file, you can use the built in do_shortcode function:

<?php echo do_shortcode('[business-hr id="5"]'); ?>
Jul 28, 21
© 2021 by WordPress Help Centre. All rights reserved.