Description: This module allows you to define and display in real time the opening and closing hours of your business, taking into account holidays and extraordinary closures.
What is it for? (Practical examples)
Use the Working Hours tool to:
- Show real-time status: Automatically display on your website or in emails whether the business is "Open" or "Closed" based on the user's current time and the configured time zone.
- Manage closures and holidays: Easily set annual closing days (such as national holidays or vacations) to ensure the displayed status is always accurate.
- Publish the weekly schedule: Show customers a clear summary of opening hours for each day of the week, with the option to group days that have the same hours.
Main features
- Detailed weekly definition: You can set specific opening hours for each day of the week, from Monday to Sunday.
- Management of multiple time slots: For days with a break (e.g., lunch break), you can define multiple opening and closing intervals on the same day (e.g., 9:00-13:00 and 15:00-19:00).
- Hours inheritance: To speed up configuration, you can set a day (e.g., Tuesday) to automatically inherit the hours defined for the previous day (Monday).
- Customization of status messages: When choosing real-time display, you can customize the text, color, and style (title, paragraph, bold) of the status messages:
- "We are open"
- "We are closed"
- "We are closed today" (entirely closed or holiday day)
- Management of annual holidays: You can select predefined national holidays and add custom closing days (e.g., 07/20 for extraordinary vacation).
How to configure
The main configuration of hours and holidays takes place in the General Settings panel of the module.
1. Setting holidays and annual closures
1. Go to Settings > [Module Name].
2. In the Holidays section, select from the list the days of the year when the business will be closed.
- Predefined national holidays are available.
- You can manually add any day of the year as a closing day.
2. Defining weekly hours
Scroll through the settings to view the blocks dedicated to each day of the week (Monday, Tuesday, etc.).
| Option | Description |
|---|---|
| Closing day | Check this option if the business is closed for the entire day. |
| Inherit from [Previous day] | Check this option to automatically copy the hours defined for the previous day. |
| Opening/Closing | Enter the start and end opening times (e.g., 09:00 and 13:00). |
| Add time slot | Use this button to add a second or third time slot on the same day (e.g., to reopen after lunch break). |
> Note: If a day is set as a "Closing day" or inherits hours from a previous day, the time slots section is hidden to avoid conflicts.
How to use in the Visual Builder
Once the hours are configured, you can display the status and schedule on your website, landing page, or email using the Working Hours visual block.
1. Add the block
1. In the Visual Builder, add the Working Hours block (found in the Business category).
2. The block configuration window will open.
2. Select the display mode
You need to choose how the block should show the information:
| Mode | Description |
|---|---|
| Current real-time status | Shows a dynamic message ("Open" or "Closed") based on the time the user is viewing the page and the set holidays. |
| Weekly hours (grouped) | Shows the list of weekly hours, grouping days that have the same schedule (e.g., "From Monday to Friday: 9:00 - 18:00"). |
| Weekly hours (separate) | Shows the list of hours day by day (e.g., "Monday: 9:00 - 18:00", "Tuesday: 9:00 - 18:00"). |
3. Customize messages (only for "Current status" mode)
If you selected the Current real-time status mode, a section will appear to customize the messages:
1. Closing day message: The text shown when today is a holiday or a fully closed day.
2. Closed hours message: The text shown when the business is closed at that precise moment (e.g., night or lunch break).
3. Open hours message: The text shown when the business is open.
For each message, you can define:
- Text: The message content (e.g., "We are open! Call us now.").
- Element: The text style (e.g., H1 for a large title, P for a paragraph, B for bold).
- Color: The text color.
Automatic integrations
Integration with external systems (API)
The system exposes an access point (API) that can be queried by external software or services. This allows developers or other tools to check the current status of the business ("open" or "closed") at any time to automate processes or displays on platforms other than Framework360.
