Use the Worker WPBakery addon to add business hours

The Worker is a business hours addon for the WPBakery Page Builder. The widget displays the schedule of the company in real-time, shows the current status (open or closed), and also shows information about the holidays. All this can be flexibly configured directly from the WPBakery’s interface and does not require additional code knowledge.

For further work, you need the WPBakery to be installed on your site. You can download from wordpress.org

Open or create a page using WPBakery to start using the Worker WPBakery addon. You will find the widget on the Content section:

Worker WPBakery addon on the Content tab
The Worker on the Content tab

Click on the name or icon of the addon to add it to the page. Each of the tabs presented a specific group of settings:

Header content

This section contains settings related to the contents of the Worker WPBakery addon header:

Content-Type

Nothing

In the “nothing” mode, the header will retain its size but will not have content.

Current Date

Displays the {time} and (or) {date} in the format that you set in the General WordPress settings. Use curled brackets to display date/time values and HTML tags to set the style and size of the text. Below you see one example for this setting:

<h2 data-size="large">{time}</h2>
<span data-size="small">{date}</span>

this entry looks something like this:

Worker WPBakery addon header example
Worker widget header example
Current Status

When choosing to display the current status, it is possible to set the text for two types of messages:

  • Open Message
  • Closed Message

Depending on the working hours, these messages will alternate.

Icon

This setting sets any icon using the standard Elementor picker for Icons.

Image

This setting sets any pictures using the standard Elementor image manager.

Custom Message

This setting displays any custom message regardless of business hours. You can use HTML markup inside this setting.

Position

This setting sets the location of the content of the header relative to the header:

  • Top Left
  • Top Center
  • Top Right
  • Center Left
  • Center Center
  • Center Right
  • Bottom Left
  • Bottom Center
  • Bottom Right

Business Hours

In the working hour’s section, you can configure the work schedule for each day of the week. For each day, it is possible to set several options:

Day label

The widget is configured with default names for each day. But, you can change the name of any day in the week.

Closed All Day

This setting turns on the non-working day of any day of the week. After selecting this setting, you can set a text message that will be displayed when this mode is activated.

Open 24 Hours

This toggle turns on the operation 24 hours a day. After selecting this setting, you can set a text message that will be displayed when this mode is activated.

Business Hours

The widget allows you to adjust the working time very flexible. It is possible to choose any time interval with an accuracy of up to one minute. Besides, you can create several time intervals in one day.

Business Hours in the Worker WPBakery
Business Hours in the Worker WPBakery

Holidays and Special Days

You can set up special workdays for the whole year. For such days, a special holiday message will be shown.

Holidays
Holidays

Hold the shift and click on the day to select several days in the calendar.

Recurring

Activate the switch for repeating holidays if you want holidays to be repeated from year to year.

This section contains settings related to the contents of the widget footer:

Content-Type

In the “nothing” mode, the widget footer will retain its size but will not have content.

Displays the {time} and (or) {date} in the format that you set in the General WordPress settings. Use curled brackets to display date/time values and HTML tags to set the style and size of the text. See one of the examples below:

<h2 data-size="large">{time}</h2>
<span data-size="small">{date}</span>

this entry looks something like this:

Worker WPBakery addon header example
Worker footer example

When choosing to display the current status, it is possible to set the text for two types of messages:

  • Open Message
  • Closed Message

Depending on the working hours, these messages will alternate.

This setting sets any Font Awesome icon using the standard Elementor picker for Icons.

This setting sets any pictures using the standard Elementor image manager.

This setting displays any custom message regardless of business hours. You can use HTML markup inside this setting.

Position

This setting sets the location of the content of the footer relative to the header:

  • Top Left
  • Top Center
  • Top Right
  • Center Left
  • Center Center
  • Center Right
  • Bottom Left
  • Bottom Center
  • Bottom Right

Header Style

The header section includes settings regarding header styles and elements within the header.

Show header

This setting enables or disables the display of the widget header and all header settings.

Style

The style settings group controls the display of the contents of this section on the frontend.

Business Hours Style

The business hours section includes settings regarding styles and elements within the core section of the widget.

Show business hours

This setting enables or disables the display of the business hours’ section.

Style

The style settings group controls the display of the contents of this section on the frontend.

The footer section includes settings regarding footer styles and elements within the footer.

Show Footer

This setting enables or disables the display of the widget footer and all footer settings.

Style

The style settings group controls the display of the contents of this section on the frontend.

Save changes

Do not forget to save changes after completing the addon setup. To do this, click on the Save Changes button at the bottom of the page.

Click Save Changes to save addon

Hosting for WPBakery websites

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.

Was this article helpful to you?