
Business Hours
Let Visitors Know When You’re Open and Ready to Help







About
🕒 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
Key features
- Form builder
- Lead capture
- Survey creation
- Conditional logic
- Auto-scoring
GHL agencies collecting leads via forms and surveys.
🕒 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)
Reviews
No reviews yet. Be the first to share your experience.
Discussion
No posts yet
Start the discussion — ask a question, share a tip, or leave feedback.