• 🕒 Business Hours Widget
  • A practical tool for displaying your availability on your website.
  • Manages visitor expectations with:
    • Current status (Open/Closed)
    • Weekly working hours
    • Dynamic indicators based on real-time clock logic
  • Ideal for local businesses and service providers like:
    • Salons, law firms, medical clinics, restaurants, and agencies.

📋 Setup Instructions

1. Choose a Layout

   • Explore options:
     • Simple Weekly Table
     • Current Status with Time
     • Accordion Dropdown
   • Preview and select a layout that fits your design.

2. Use the Main Tabs

   • Content: Set open/close times.
   • Style: Adjust visual appearance (fonts, colors).
   • Settings: Define time zone logic and visibility rules.

🛠️ Customize Your Business Hours

• Content Tab:

  • Set Daily Hours: Specify opening and closing times.
  • Closed Days: Auto-hide or gray out closed days.
  • Current Status Display: Show real-time indicators ("Open Now" or "Closed").
  • Custom Messages: Add notes for visitors.
  • Holiday Hours: Input schedule changes for holidays/events.

• Style Tab:

  • Layout Style: Choose from list view, table view, or banner style.
  • Color Settings: Customize text and background colors.
  • Typography: Set font styles and sizes.
  • Icons and Indicators: Enable/disable icons for visual cue.
  • Alignment and Spacing: Adjust for desktop and mobile views.

• Settings Tab:

  • Time Zone Setting: Select the appropriate time zone.
  • Live Status Logic: Enable real-time updates for status.
  • Visibility Rules: Display on all pages or specific ones.
  • Custom Code: Insert CSS/JS for advanced customizations.

💡 Helpful Tips

• Clearly display today’s hours to build trust.
• Use holiday overrides to prevent confusion.
• Align time zone settings for multi-location businesses.
• Combine with contact or booking widgets to increase conversions.
• Use vibrant status colors (e.g., green for "Open") for immediate visibility.

🔧 Advanced Suggestions

• Embed on contact pages, footers, or sidebars for consistent visibility.
• Use conditions to show different hours for branches or services.
• Automate chat or booking functionalities outside business hours.
• Sync with your calendar for dynamic hour updates (if supported).