Business Hours
A messy text list of hours looks unprofessional and gets ignored. Your operating hours are a promise to customers – present them with clarity and style. Master Addons Business Hours Element turns basic timetables into a designed feature of your site. Choose from elegant presets, customize every day’s name and timing, highlight open/closed status, and even add a booking button. Style each row, icon, and text element to match your brand perfectly. For restaurants, stores, clinics, or any service business, this element makes sure visitors know exactly when you’re open, building confidence and reducing missed connections.
Smart Day Management & Customization
Your business week is unique. This element lets you build it precisely. Use the Business Timings preset for a standard week, or choose Custom for full control. Add or remove days, and for each day (like “Sunday”), you can write the exact Day name you want – perfect for different languages or custom terms. Mark any day as Closed? with a simple toggle, and Highlight specific days (like “Today” or “Special Hours”) with different colors. You can even switch between 12 or 24 Hours Format for clarity.
- Full Week Control: Add, remove, and reorder days to match your actual operating schedule.
- Localized Day Names: Change “Monday” to “Lundi” or any custom label directly in the content settings.
- Smart Status Toggles: Instantly mark days as Closed or Highlight them for special attention.
- Time Format Flexibility: Display times in a familiar 12-hour (8:30 AM) or clean 24-hour (08:30) format.
Visual Design Presets & Content Layers
Make a great first impression with Design Presets like “Default,” “Solid background,” or “Booking Reservation.” These apply a coordinated look to the entire table. Then, layer in helpful content: add a main Title (“OPENING HOURS”) and a Sub Title (“Book your Table”). Include an optional Image, like a photo of your location. You can also Show Day Icon (like a small calendar or clock next to each day) for extra visual cues. This creates a rich, informative widget that’s more than just a simple list.
- One-Click Design Presets: Apply complete visual styles that arrange titles, times, and buttons attractively.
- Enhanced Headers: Use both a main Title and Subtitle to frame your hours with context or a call-to-action.
- Decorative Icons: Enable small icons next to each day for improved scannability and aesthetic polish.
Customize Row & Text Styling
Achieve a clean, organized look with detailed styling controls. In the Rows Style section, set the Background Color for normal and Hover states, enable Striped Rows for a classic table effect, and adjust Padding and Margin. Then, style the text elements independently: set different Color and Typography for the Day names and the Hours text. You can even give Closed Row a distinct background and text color to make it clearly stand out. This ensures your timetable is effortless to read and visually matches your site.
- Dual-State Rows: Style the normal background and a subtle hover effect for each row.
- Independent Text Styling: Give Day names and Hour times different fonts, sizes, weights, and colors.
- Clear Closed Days: Style Closed Row with a unique color scheme (like greyed out) for instant recognition.
- Spacing: Use Padding, Margin, and Rows Divider borders to create a clean, spacious layout.
Frequently Asked Questions For Business Hours
Can I show different hours for the same day (like a lunch break)?
With the help of custom table. You can add as many time as you want. Just click on add new and input you value properly.
How do I highlight "Today" automatically?
The Highlight option for a day is a manual toggle. To automatically highlight the current day, you would typically need a more dynamic solution involving custom code. This element allows you to manually highlight any day you choose for special dates or holidays.
Where's the best place to put this widget on my site?
The most common and effective places are in the website footer (for general access), on the “Contact Us” page, or in a sidebar of your service pages. It’s critical information that should be easy to find without cluttering the main homepage hero section.
Is the element responsive on mobile?
Yes. The table, text, and button will stack and scale nicely on mobile devices. The rows will become easier to tap, and the text will remain readable. You can use Elementor’s responsive mode to adjust font sizes or padding specifically for mobile if needed.
What if my business is open 24/7?
You have two clean options: 1) For each day, set the hours to “00:00 – 24:00” or “12:00 AM – 11:59 PM”. 2) Use the Closed? toggle? No. Instead, use the Highlight feature on all days and maybe put “24 Hours” as the time. The element gives you the flexibility to present it clearly.
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Caldera Forms
