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:
You have to click on "Preview Changes" to be able to view business hours.
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
This way that day will be marked as open 24 hour. You can set the custom message in the message tab.
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.
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: https://help.mywpdev.com/style-gen/
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: https://help.mywpdev.com/article/how-to-add-custom-css-to-wordpress/
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:
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
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.
How to add a location?
All-In-One WP Business Hours plugin implements a feature called "Locations". Locations have set of information that can be shown along the business hours, such as phone number, fax, email, description, photo and Google Map.
How to add a location
To add a location, head down to
Business Hours > Locations from the dashboard menu. Add the relevant information required for the location.
It is recommended that you add all the info and hide what you dont want to display using css. This info is used if SEO schema markup is enabled.
How to add a location to set of business hours
Once you added a location, head to
Business Hours > Business Hours and select the location you added under Locations.
How to find Latitude and Longitude
Visit this page: https://support.google.com/maps/answer/18539?hl=en&co=GENIE.Platform%3DDesktop to see how to obtain the latitude and longitude from Google Maps.
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.
All-In-One WP Business Hours Documentation
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.
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
- 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 https://help.mywpdev.com/article/tag/all-in-one-wp-business-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 https://help.mywpdev.com/article/tag/all-in-one-wp-business-hours/
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
Hours section to Closed.
You can customize
Closed All Day message in the
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:
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
<?php echo do_shortcode('[business-hr id="5"]'); ?>