Business Hours

🕒 Business Hours Widget

The Business Hours widget is a functional and informative tool that lets you display your availability clearly on your website. It helps manage visitor expectations by showing your current status (Open or Closed), weekly working hours, and even dynamic indicators based on real-time clock logic. This widget is especially useful for local businesses, service providers, or any company with fixed hours of operation.

Whether you’re running a salon, law firm, medical clinic, restaurant, or agency — this widget makes sure visitors know exactly when they can reach out or visit.

1. Choose a Layout

What you’ll see:

• Layout options like Simple Weekly Table, Current Status with Time, or Accordion Dropdown

• A Continue with this template button

What to do:

• Preview different layouts to see how business hours are displayed

• Choose a layout that matches your design and click Continue to begin editing

2. Use the Main Tabs

Once your layout is selected, work through the three key tabs to build and control your widget:

• Content – Set your open/close times for each day

• Style – Adjust the visual appearance, fonts, spacing, and status indicators

• Settings – Define time zone logic, visibility rules, and dynamic behavior

3. Customize Your Business Hours

Content Tab

This is where you enter your weekly operating hours and manage the messaging.

• Set Daily Hours – Enter opening and closing times for each day of the week (e.g., Mon: 9 AM – 6 PM)

• Closed Days – Mark specific days (like Sunday) as closed, and the widget will auto-hide or gray them out

• Current Status Display – Choose whether to show a live “Open Now” or “Closed” indicator

• Custom Messages – Add a note like “We’re on lunch break” or “Call us during open hours”

• Holiday Hours (Optional) – Manually input one-time schedule changes for holidays or events

This tab ensures your availability is clear and current for all visitors.

Style Tab

Make sure the widget blends with your site design and brand aesthetic:

• Layout Style – Select from list view, table view, or status banner style

• Color Settings – Customize text, borders, background, and active status colors (e.g., green for open)

• Typography – Set fonts, sizes, and weights for headings and time rows

• Icons and Indicators – Enable or disable icons like a clock, green/red dot, or animated status line

• Alignment and Spacing – Adjust padding and margins for desktop and mobile views

The style tab gives you full control over the widget’s visual integration.

Settings Tab

This tab controls how the widget behaves in real-time and across your site:

• Time Zone Setting – Choose the time zone the widget follows (important for global audiences)

• Live Status Logic – Enable real-time updates so it shows “Open Now” or “Closed” based on the visitor’s current time

• Visibility Rules – Display on all pages or just specific ones (like Contact or Homepage)

• Custom Code (Optional) – Insert CSS or JS for more advanced behavior or custom animations

These settings ensure your business hours are always accurate and flexible to your audience.

💡 Helpful Tips

• Clearly show today’s hours and whether you're open — this builds trust and reduces frustration

• Use holiday overrides to avoid confusion during off-seasons

• Always align your time zone settings correctly if you serve multiple locations or countries

• Combine with a contact or booking widget for higher conversions

• Use vibrant status colors (like green for “Open”) to instantly catch the eye

🔧 Advanced Suggestions

• Embed on contact pages, footers, or sidebars for constant visibility

• Use conditions to display different hours for different branches or service types

• Add automation that hides the chat or disables booking outside business hours

• Sync with your calendar or backend for dynamic updates (if supported)