Get Started.
Step by Step Guide.

Its very easy to setup Business Hours WP on your WordPress Install.

Whether you're a beginner or seasoned user, this guide will lead you through the core steps to unlock the full potential of our software, making business hour management a breeze. Let's get started on this journey together!

Step 1: Install the needed Software

wordpress
acf-pro
oxygen-or-bricks
1.1 To use the plugin, you first need a WordPress installation.
1.2 Make sure that the Plugin Advanced Custom Fields Pro (ACF Pro) ist installed as well.
1.3 You also need to have ONE of these WordPress builders installed: Oxygen Builder or Bricks Builder. Pick the one you prefer.

Step 2: Import the ACF Pro Settings

2.1 Open ACF Pro / Tools to see the Import function.

2.2 Import the JSON file acf-export-business_hours.json

Step 3: Import the Option Page functionality

3.1 Install the Code Snippets Plugin (free). Or use another PHP Code Plugin of your choice!

3.2 Alternative: You can also use another PHP Plugin to implement the Code Functionallity. There are many Plugins out there, for example: WpCodeBox, Advanced Scripts, Scripts Organizer or Code Manager.

If you decided to do use, just use the code from business-hours.code-snippets.php and copy+paste it into your favorite PHP Code Plugin.

3.3 Open the Code Snippets Plugin and import the JSON file acf-options-page.code-snippets.json

3.4 Dont forget to ACTIVATE the new imported Code Snippet.

Step 4: Import the PHP functionality

4.1 Open the Code Snippets Plugin in WordPress and import the JSON file: business-hours.code-snippets.json. It will automatically add the needed funtionality to your Code Snippet Plugin. Dont forget to ACTIVATE the Snippet.

Step 5: Adding your regular Business Days and Business Hours

5.1 Open the ACF Option Page in the WordPress Menu. there you can see now the Business Hours Functions.
5.2 Add your regular Business Days and Business Hours (Opening and Closing time).
adding-business-days-and-hours

Optional: Step 6: Add exceptions and holidays. 

6.1 Add future Holidays and/or exceptions to the settings. On these days and times the Shop is CLOSED.

You can directly set up the settings for the upcoming years, if you want.

adding-exceptions-and-holidays

How to use the Condition in Oxygen Builder:

1. Open the Oxygen Builder and click on the element for which you want to add the Business Hours Condition.

2. Pick "Dynamic Data" and choose "PHP Function Return Value". In the empty field type within_business_hours
oxygen-builder-1
3. Now add = and 1 into the Value field to show this Element if the Business is OPEN.
oxygen-builder-2

or

4. Now add != and 1 into the Value field to show this Element if the Business is CLOSED.

oxygen-builder-3

How to use the Condition in Bricks Builder:

1. Open the Bricks Builder and click on the element for which you want to add the Business Hours Condition.

2. Click the Element for which you want to add the Condition.

3. Click the Element for which you want to add the Condition and choose Dynamic Data
4. Copy and paste the following text into the next field: {echo:within_business_hours}
5. Add = and 1 if the Element should show up if the Business is OPEN.
Bricks Builder Condition - Open
6. Add != and 1 if the Element should show up if the Business is CLOSED.
Bricks Builder Condition - Closed